JavaScript: Прыжок вверх страницы

2010-11-15

В длинных веб-страницах иногда возникает необходимость проскролить и переместится в самых вверх этой страницы.

Это легко сделать с помощью такого фрагмента javascript-кода:

<a href="javascript:window.scrollTo(0, 0);">Переместится в начало страницы</a>

Javascript — это, конечно хорошо, но не стоит забывать о встроенной возможности браузера перемещения по текущей веб-страничке с помощью якорей (пример: href="#topOfPage").

Указанный метод удобно использовать при необходимости просмотра некоторой функциональности, которая отображается вверху страницы, и косвенно относится к ней. Тогда мы можем программно переместить посетителя сайта на самый вверх.



8 комментариев на «JavaScript: Прыжок вверх страницы»

  1. admin:

    Тоже вариант,
    но иногда нужно переместить пользователя программно с помощью яваскрипта.
    В этом случае window.scrollTo(0, 0); будет удобнее.

  2. master_xss:

    Стас, твой вариант конечно тоже не плох,но он работает при нажатии на ссылку,а если тебе надо принудительно направить юзера на верх?тут то scrollTo и поможет.Только мне на понятно,какие аргументы за что отвечают.вот эти (0,0)

  3. admin:

    Метод scrollTo(scrollLeft, scrollTop)
    «проскроливает» документ согласно указанным обязательным параметрам:

    scrollLeft — смещение от левого края;
    scrollTop — смежение от верхней границы.

    Таким образом window.scrollTo(0, 0) переместит пользователя в самое начало документа.

  4. admin:

    Кстати, вариант Стаса «убивает» хеш-информацию в адресной строке браузера.
    Это тоже не всегда хорошо.

  5. master_xss:

    Ну это не хорошо для тех кто посылает в хеше какую либо информацию.а у кого пусто,тому все равно :D

  6. admin:

    В современный веб-приложениях хеш используется очень широко. Особенно там, где всё построено на аякс-взаимодействиях.
    Это единственный возможный способ делать «закладки», то-есть сохранить измененное состояние страницы для её идентификации или восстановления (пр.: передать ссылку).
    Как пример, мне очень нравится реализация на Wikimapia.org, когда координаты карты хранятся в хеше и можно скопировать ссылку и передать кому-то. При этом при просмотре карты никаких перезагрузок страниц нету.
    Особенно на это нужно обращать внимание в больших проектах, над которыми работают несколько программистов.
    Таким «приёмчиком» возможно подпортить чужую работу :).

  7. Андрей:

    Хорошая статья. Кстати про переход наверх страницы можно почитать здесь — sitemaker.x10.bz/articles.php?id=9

Добавить комментарий