Как создать кнопку Наверх (ontop) с помощью JQuery

Как создать кнопку наверх с плавным прокручеванием наверх страницы?

Нет ничего проще с помощью  JQuery. Пример реализации данной функции для сайта :

 

$(".ontop").hide(); // класс .ontop и есть кнопка наверх      

$(window).scroll(function () {
        if ($(this).scrollTop() > 100) {

                $('.ontop').fadeIn();
        } else {
                $('.ontop').fadeOut();
        }
});

$('.ontop').click(function () {
        $('body,html').animate({
                scrollTop: 0
        }, 500);
        return false;
});

Чтобы кнопка отображалась в нужном месте используем CSS....






У данной записи пока нет ниодного комментария