Проста плавна прокрутка вгору для сайту на JQuery

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

JavaScript:

// Плавна прокрутка вгору з затримкою в 500 мс.
$(document).ready(function(){
$(‘.top’).click(function() {
$(document).scrollTo(0,500);
});
});

HTML:

<!– Оголосіть CSS клас .top посилання: –>
<a href=”#” class=”top”>Повернутися наверх</a>

Розмітку посилання додайте куди-небудь в підвал документа.