Кнопка "Вверх"

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

Пример использования:

Код Javascript(jQuery)
/*Код должен выполняться, когда построено DOM дерево документа*/
    $(document).ready(function(){
        $("#up").hide(); /*Для начала прячем кнопку с id="up"*/
        $(function(){ /*Функция появления кнопки вверх*/
            $(window).scroll(function(){ /*Когда произошла прокрутка окна*/
                if($(this).scrollTop() > 100){ /*Если документ прокручен больше 100px*/
                    $('#up').fadeIn(); /*То кнопку с id="up" показываем*/
                }
                else{ /*Иначе*/
                    $('#up').fadeOut(); /*Кнопку с id="up" непоказываем*/
                }
            });
            $('#up').click(function(){ /*При клике по кнопке с id="up"*/
                $('body,html').animate({ /*Документ производит анимацию в виде*/
                    scrollTop: 0 /*Прокручивания страницы до значения 0px*/
                }, 800); /*Со скоростью 800 милисекунд*/
            });
        }); 
    });

На экране Вы увидите:

Пройдя по ссылке откроется новое окно в котором представлен текст. При прокрутке этого текста появится кнопка "toUp". Если нажать на эту кнопку, то страница плавно промотается вверх.

Вверх