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

                        
Для начала давайте добавим кнопку где-нибудь на странице и якорь в самом верху страницы (который будет ориентиром при нажатии на кнопку и поднимет посетителя вверх).

[code]<div id="top"></div> <!--это вверху страницы-->

 <div id="message"><a href="#top" id="top-link">Подняться вверх</a></div> <!--это  вниз-->[/code]

Теперь нам необходимо немного CSS для оформления внешнего вида:

[code].container {padding: 0 0 70px 0;} /* отступ снизу */



#message

{

display: block;

display: none;



/* ссылка над всеми элементами */

z-index: 999;



/* ссылка не заслоняет полностью текст под ней */

opacity: .8;



/* ссылка всегда на одном и том же месте */

position: fixed;



/* ссылка внизу страницы */

top: 100%;

margin-top: -80px; /* = height + preferred bottom margin */



/* ссылка по центру */

left: 80%;

margin-left: -80px;



/* закругленные углы */

-moz-border-radius: 24px;

-webkit-border-radius: 24px;



/* ссылка большая, заметная и ее легко найти */

width: 300px;

line-height: 48px;

height: 48px;

padding: 10px;

background-color: #000;

font-size: 24px;

text-align: center;

}



#message a { color: #fff; }[/code]

И конечно же - jQuery.

[code]$(function () { // run this code on page load (AKA DOM load)



var scroll_timer;

var displayed = false;

var $message = $('#message');

var $window = $(window);

var top = $(document.body).children(0).position().top;



$window.scroll(function () {

window.clearTimeout(scroll_timer);

scroll_timer = window.setTimeout(function () { 

if($window.scrollTop() <= top) 

{

displayed = false;

$message.fadeOut(500);

}

else if(displayed == false) 

{

displayed = true;

$message.stop(true, true).fadeIn(500).click(function () { $message.fadeOut(500); });

}

}, 100);

});

$('#top-link').click(function(e) {

e.preventDefault();

$.scrollTo(0,300);

});

});[/code]

Вот и все готово. Удачи!