прокрутка div до указанного положения при загрузке страницы

Приветствую! Возникла необходимость на страницах сайта провернуть прокрутку в некоем div до метки или же расстояния от начала его. По сути там например десять абзацев текста, на одной странице мне надо показать пользователю с начала div начиная с третьего, на другой с пятого. Проблема в том, что все решения, которые обнаружил в интернете, рекомендуют вставлять в этот блок другой блок, последний прокручивать, возможно есть способ проще, чтобы этому div указать положение прокрутки? Всё переверстывать нет возможности.

 

Re: прокрутка div до указанного положения при загрузке стран

Якорь name не рассматривал, так как его инициализирует href, а не загрузка страницы, пользователь может зайти из поисковика без всяких хешей. вариант со скриптом сейчас опробую.

Добавлено спустя 31 минуту 48 секунд:
Re: прокрутка div до указанного положения при загрузке страницы
animate это для query? не используется
неужели у див нет такого свойства(значение прокрутки по умолчанию)?
если упростить задачу, то я могу переставить метку (или измерить расстояние от верха) для каждой из этих страниц
задача будет выглядеть так:
загружается страница(без хешей всяких)
есть <div id="scrollTo" > содержимое </div>

надо его по загрузке страницы показать прокрученным до метки, строчки, расстояния, в чем угодно можно, главное прокрутить

 

Re: прокрутка div до указанного положения при загрузке стран

сомневаюсь, что поисковик или пользователь дадут в таком случае ссылку на one.html

 

Re: прокрутка div до указанного положения при загрузке стран

Я бы использзовал код c query, который здесь приведен, но устанавливать библиотеку ради одной лишь прокрутки... в библиотеке же это как то реализовано?

 

В общем продвинулся в сторону решения проблемы так - установил флажки в нужной форме с прокруткой #go1, #go2... и
вставил простой js в документ, который перенаправляет окно пользователя (window) вверх(прокручивает все)

Код (PHP):

1. window.onload = function()
2.             {   
3.             setTimeout(function(){ window.scrollTo( 0, 0 ) });                                       
4.          }

однако при переходе на страницу page.php#go1 страница дергается до # а потом только выравнивается, как убрать этот эффект не представляю. Что известно про событие перехода до флажка? Когда оно возникает и как можно обойти его с помощью js? Есть идеи?
PS Сторонними библиотеками не пользуюсь

 

Re: прокрутка div до указанного положения при загрузке стран

Вопрос ещё актуален. Я решил проблему тем, что сделал плавный съезд вниз страницы. Но выглядит это так: пользователь кликает по ссылке с #wtf на конце на странице в отдельном окошке, которое ниже шапки сайта, прокручивается до метки wtf, но прокручивает эту метку вверх ввезде, то есть шапка сайта уезжает и довольно резко вверх. Как мне сделать прокрутку в отдельном div до метки, не затрагивая прокруткой всё остальное? Без сторонних js

 

Re: прокрутка div до указанного положения при загрузке стран

Спасибо за информацию, уже решил вопрос element.scrollTo=, теперь проверяю на кроссбраузерность.

 

Re: прокрутка div до указанного положения при загрузке стран

и этот способ не кроссбраузерный. В хроме сбивается где-то на 40px вниз, причем чем ниже прокрутка тем больше разница. У остальных браузеров не так заметно.

 

Спасибо за наводки, я вчера примерно к этому и пришёл. Сравнивал высоту блока со стандартной (где у меня всё выставлено), чтобы на ходу принимать поправки - наткнулся на странность, что hrom и opera ни в какую не хотят измерять высоту блока, где стоит swf, а у меня такие попадаются, и если есть флешка в контенте - расчёты сбиваются.
Это всё по offsetHeight и getBoundingClientRect().

Код (PHP):

1. <div  style="position:absolute ; overflow: scroll; height: 200px; top: 0px;">
2. <div id="test">
3. <object><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="swf/Test.swf" menu="false" wmode="transparent" type="application/x-shockwave-flash" height="500" width="200"></object>
4. </div>
5. </div>
6.  

Немного позднее код:

Код (PHP):

1. <script type="text/javascript">
2.     alert(document.getElementById('test').getBoundingClientRect().bottom+ " &  "+ document.getElementById('test').offsetHeight)
3. </script>

Mozilla 500 & 500
Hrome 150 &150
Opera 149.600 & 150

Добавлено спустя 8 минут 59 секунд:
Re: прокрутка div до указанного положения при загрузке страницы

Код (PHP):

1. <script type="text/javascript">
2.     window.location="#1"
3. </script>

Работает, к сожалению, так-же, как и переход по url#1, то есть прокручивает всю страницу вверх, а нужно только содержимое определённого блока.

 

Re: прокрутка div до указанного положения при загрузке стран

Отладил более-менее, выставив межстрочный интервал в пикселях и загнав флешки в div' ы c указанными размерами. Работает.Но! Путь этот кажется мне ущербным в том смысле, что если придётся менять в дальнейшем на странице размер флешки или шрифтовые интервалы, или добавить несколько слов к тексту, то всё скролирование полетит к чертям. Поэтому возвращаюсь к якорям # и ищу идеи по максимально одновременному смещению окна, когда его перебрасывает вверх.

 

Re: прокрутка div до указанного положения при загрузке стран

Проще говоря мне нужно как на картинке срабатывания анкора на странице:

Добавлено спустя 8 минут 28 секунд:
Re: прокрутка div до указанного положения при загрузке страницы
Дайте мне волшебную ссылку на решение проблемы и я от вас отстану)

 

Re: прокрутка div до указанного положения при загрузке стран

Шапка у меня отнюдь не fixed. Но за ссылку огромное спасибо!