Плавная прокрутка страницы наверх

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

 
<script>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()>="100"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()<="1000"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function(){$("#toTo_button").scrollToTop();});
</script>
<style>
#toTo_button { width:70px;text-align:center;padding:5px;position:fixed;bottom:10px;right:12px;cursor:pointer;color:#666;text-decoration:none; }
#ups a img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
#ups a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
</style>
<div id="ups">
<a href="/" id="toTo_button"><img src="/images/top.png" alt="" /></a>
</div>

Разместить код нужно внутри тега

<body></body>

Добавить комментарий

	Today	82
	Yesterday	82
	This week	82
	Last week	731
	This month	1780
	Last month	4230
	All days	586934

BANSoft

Плавная прокрутка страницы наверх