jQuery

// Scroll to Top
function scrollToTop() {
    goTop = '#goTop';

    $('body').append('<div id="goTop" title="Scroll To Top">↑ Scroll To Top</div>');
    $(goTop).hide();

    $(window).scroll(function() {
        if ($(this).scrollTop() > 600) { // pixels from top
            $(goTop).fadeIn();
        } else {
            $(goTop).fadeOut();
        }
    });

    $(goTop).click(function() {
        $('body, html').animate({scrollTop: 0}, 500); // animation speed
    });
}

$(document).ready(function() {
    // Init Scroll to top
    scrollToTop();
});

Styles (Less with Bootstrap 3)

// Scroll to Top
#goTop {
    .hidden-xs();
    .hidden-sm();

    background-image: url(https://cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-07-128.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;

    cursor: pointer;
    text-indent: -9999px;
    z-index: 10;

    display: block;
    height: 25%;
    width: 7%;
    
    position: fixed;
    right: 1%;
    bottom: 1%;
}
Теги: jQueryJavaScript

Выразить благодарность

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

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

Комментарии: