Как сделать анимированный скроллинг наверх страницы сайта

Как сделать анимированный скроллинг к верху страницы у себя на сайте. В статье приведён рабочий скрипт на jQuery.

Следующий JavaScript поместим в файл с названием scroll_up.js:

Размещаем его в папке для скриптов у себя на сайте. У меня он лежит в папке js шаблона сайта на WordPress. Подключаем его с помощью следующей команды:

Под ним же добавляем нашу кнопку (со стрелочкой вверх):

Хотя скрипт и небольшой, но далеко не самый важный чтобы грузить его в первую очередь. Помещаем наш скрипт в самый низ сайта, в файл footer.php.

CSS для кнопки скроллинга

Описываем стиль для #scroll_up:

Работу данного скрипта можно увидеть на этом же сайте.

Метки:

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

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "Как сделать анимированный скроллинг наверх страницы сайта".

Ваш e-mail не будет опубликован. Обязательные поля помечены *