Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Перехож на якорь в теге <div> в Опере

Автор: nicka47 23.3.2005, 23:54

У меня имееться на странице тег <div> в котором сидит якорь, а снаружи этого тега есть линк(

Код


<a href="index.htm#aa">аа</a>

), кликая на который я хочу становиться на яколрь в диве, (у меня длинный текст в <div>, поэтому там имееться скроллинг и переходя на якорь соответственно скроллинг переместиться куда то вниз, к якорю то есть)
Вообщем в Эксплорере это вроде как работает, хотя плохо то что крутиться скроллинг не только в <div> пространстве, но и все

Код


<div  style="OVERFLOW: auto; height: 100px; ">
          <p>a</p>
          <p>a</p>
          <a name="aa"></a><p>a          </p>
        </div>

Добавлено @ 23:57
простите, случайно послалось сообщение недоконченное, ниже продолжение вопроса

Цитата(nicka47 @ 23.3.2005, 23:54)

хотя плохо то что крутиться скроллинг не только в <div> пространстве, но и все

скроллинг всей страницы, хотелось бы чтобы сама страница стояла на месте, а скроллинг двигался только в </div> пространстве

Вот, а в ОПЕРЕ это вообще не работает, то есть в целом страница немного спускаеться к якорю, но в самом </div> пространстве скроллинг не сдвигаеться с места и соотвтетсвенно ни к какому якорю я не приезжаю

а ОЧЕНЬ нужно smile

Автор: Nicholas 20.6.2008, 05:08

Цитата(nicka47 @ 23.3.2005, 23:54)

Вот, а в ОПЕРЕ это вообще не работает, то есть в целом страница немного спускаеться к якорю, но в самом </div> пространстве скроллинг не сдвигаеться с места и соотвтетсвенно ни к какому якорю я не приезжаю

а ОЧЕНЬ нужно :(

У меня в Опере переход к якорям не работает даже без всяких Div так что х/з че за фигня!!!

Мне тоже очень надо!

Автор: bars80080 24.6.2008, 15:02

попробуйте этот пример:

Код


<style>
div { overflow: scroll; width: 150px; height: 150px; }
</style>
<a href="#aa">link</a>
<div>
<p>qowieur qwo eropqiwe roqwe roqw roiwqeriow</p>
<p>qwoier qwoier oqwier oqweroiqweroiqwer oqwer oi</p>
<p>oqwier weqoit roqiweroiqwe roiqwer ioqwo er</p>
<p>woier qowier qwe roqiwer oiqwer oiqwer ouqwero</p>
<p>woier qweoir qowieroq weroqwropqwrowqr owqrwwope</p>
<a name="aa">anchor</a>
</div>

учитывая что он работает преотлично в ИЕ6, ФФ и опере, это проверит глючные ли у вас браузеры