Я хочу, чтобы моя страница прокручивалась до определенного div, размещенного внутри моей веб-страницы. Я хотел бы испытать гладкий свиток. Получает смещение размеров этого конкретного div, за которым следует scrollTop, в эту конкретную область, используя JavaScript для этого. Для получения плавного перехода я думал, что могу использовать setTimeout и предоставить ему переменные до этого смещения x. Если есть какой-либо подключаемый модуль jQuery, который делает то же самое, предложите. Но я предпочитаю использовать только JavaScript.
Я нашел плагин javascript для плавного прокрутки: http://cferdinandi.github.io/smooth-scroll/
Это небольшой плагин 3kb. Попробуйте. Надеюсь это поможет.
Проверьте этот jsfiddle для решения jQuery: http://jsfiddle.net/HumptyDumptyEIZ/yYqxU/
Код jQuery выглядит следующим образом:
$(document).ready(function(){
$("#top").click(function(){
$("html, body").animate({
scrollTop: $("#bottom").offset().top
}, 2000);
});
$("#bottom").click(function(){
$("html, body").animate({
scrollTop: $("#top").offset().top
}, 2000);
});
})
Я думаю, что jQuery - это самый простой способ получить гладкий свиток.
Я нашел хороший пример с демо:
http://css-tricks.com/snippets/jquery/smooth-scrolling/
Надеюсь, поможет!