янв
03
2016
Изучаем jQuery. Прокрутка документа
Подключаемый модуль ScrollTo, доступный для загрузки в соответствующем репозитории, представляет собой стабильное решение для прокрутки экрана и элементов, содержимое которых выходит за пределы выделенной им области. Он отлично подходит для обработки любых задач прокрутки, с которыми мы сталкивались ранее.
Загрузив и включив этот подключаемый модуль, вы можете переписать функциональность ссылки для перехода в верхнюю часть страницы и совершенно не беспокоиться о скрытых ошибках в браузерах.
Этот пример у меня не работал с версией jQuery 2.1.4. После подключения старой версий jQuery - 1.7.1 всё заработало.
Нашел гораздо более простой и понятный способ без подключения сторонних модулей.
Пример кнопки "вверх" смотрите внизу блока справа.
index.html
...
<a href="#top">Top</a>
...
script.js
$(document).ready(function() {
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "fast");
return false;
});
});