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

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

JavaScript:

// Плавная прокрутка наверх с задержкой в 500 мс.
$(document).ready(function(){ 
    $('.top').click(function() {  
        $(document).scrollTo(0,500);  
    });
}); 

HTML:

<!-- Объявите CSS класс .top для ссылки: -->
<a href="#" class="top">Вернуться наверх</a>

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





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.