0.00
Рейтинг
0.00
Сила
Есть еще такой вариант скрола —
Цепляем js:
(function(jq) {
			jq.autoScroll = function(ops) {
			ops = ops || {};
			ops.styleClass = ops.styleClass || 'scroll-to-top-button';
			var t = jq('<div class="'+ops.styleClass+'"></div>'),
            d = jq(ops.target || document);
			jq(ops.container || 'body').append(t);

			t.css({
				opacity: 0,
				position: 'absolute',
				top: 0,
				right: 0
			}).click(function() {
				jq('html,body').animate({
					scrollTop: 0
				}, ops.scrollDuration || 1000);
			});

			d.scroll(function() {
				var sv = d.scrollTop();
				if (sv < 10) {
					t.clearQueue().fadeOut(ops.hideDuration || 200);
					return;
				}

				t.css('display', '').clearQueue().animate({
					top: sv,
					opacity: 0.8
				}, ops.showDuration || 500);
			});
		    };
	        })(jQuery);

	        $(document).ready(function(){
		        $.autoScroll({
			        scrollDuration: 900, 
			        showDuration: 600, 
			        hideDuration: 300
		        });
	        });

И добавляем в css:
.scroll-to-top-button{
	background: url(../images/scroll_to_top.png) 0 0 no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-top: 30%;
}

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

Exemple

Тоже можно упаковать в плагин