Реализация плавного скролла на jQuery и нативном JavaScript

Сегодня мы рассмотрим как можно сделать простой скролл до верхней части сайта. Рассмотрим простой скрипт для создания плавного перемещения на нативном JavaScript и jQuery. С помощью этого скрипта вы можете создать кнопку «НА ВЕРХ» для своего сайта и для этого нужно будет написать всего пару строк кода

$('html').animate({ scrollTop: 0 }, 500);

Для того чтобы сделать кнопку наверх, достаточно просто прописать следующую конструкцию, где указать ваш элемент кнопки, после нажатия на которую пользователь должен подняться до самого верха сайта.

$("КНОПКА").on("click", function() {
    $('html').animate({ scrollTop: 0 }, 500);
});