Прокрутка страниц с использованием JavaScript

0

Я хочу, чтобы моя страница прокручивалась до определенного div, размещенного внутри моей веб-страницы. Я хотел бы испытать гладкий свиток. Получает смещение размеров этого конкретного div, за которым следует scrollTop, в эту конкретную область, используя JavaScript для этого. Для получения плавного перехода я думал, что могу использовать setTimeout и предоставить ему переменные до этого смещения x. Если есть какой-либо подключаемый модуль jQuery, который делает то же самое, предложите. Но я предпочитаю использовать только JavaScript.

2 ответа

0

Я нашел плагин 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);

     });
 })
  • 0
    Если мой ответ помог вам, пожалуйста, проголосуйте или примите его. Благодарю.
  • 0
    @HumptyDumptyEIZ Полагаю, смысл этих слов: спасибо за ответ, но мне это мало помогает.
0

Я думаю, что jQuery - это самый простой способ получить гладкий свиток.

Я нашел хороший пример с демо:

http://css-tricks.com/snippets/jquery/smooth-scrolling/

Надеюсь, поможет!

  • 0
    спасибо, но размер jquery приведет к некоторому снижению производительности моего сайта.
  • 0
    и скорость одинакова для всех якорных ссылок. Предположим, у нас есть 30 якорных ссылок. потребуется время, чтобы перейти к первой ссылке привязки * 30 раз. :-(
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню