Когда на Вашей странице много информации и пользователь прокручивает эту страницу на несколько экранов, полезно сделать кнопку "Вверх", при нажатии на которую он автоматически окажется вверху страницы. При этом страница будет плавно прокручиваться с заданной скоростью.
Пример использования:
Код 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". Если нажать на эту кнопку, то страница плавно промотается вверх.