Как настроить прокручиваемое положение веб-страницы?

Question

Моя страница имеет всплывающее окно, которое должно позволить поиски:

Проблема заключается в том, что всплывающее окно находится на прокручивать вниз части страницы, и при перезагрузке страницы с результатами поиска всплывающий «открыт «но вся страница начинается сверху, так как это был новый хит. Как заставить страницу переходить прямо «на полпути», прокручивается вниз, чтобы результаты результатов соответствовали окну? Должен ли я использовать какой-то якорь?

Answer 1

У вас есть два варианта здесь:

A) Использовать якорь. Дайте ID div, у которого есть ваш поисковый запрос (предположим, что он searchdiv), а затем http://yoursite.com/page.html#searchdiv автоматически прокрутите до searchdiv. Вот небольшая демонстрация, чтобы разработать это: little link. (Обратите внимание на URL-адрес в строке местоположения вашего браузера).

B) Если вы хотите, чтобы быть немного больше фантазии и анимировать свиток, с помощью JQuery

var tp = $("#searchdiv").offset().top; //get the element's top 
$('html, body').animate({scrollTop: tp}, 500); //animate for 500ms 

Немного демо этого метода: little link.

Я надеюсь, что это помогло!

Answer 2

Вы можете использовать #tag

так далее <a name="xyz"></a> в состоянии хотите отобразить

перенаправлять

index.php # хуг