Cacher is the code snippet organizer for pro developers

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


<div id="top">якорь</div>

<div id="message"><a href="#top" id="top-link">верх</a></div> 


<script type="text/javascript">
$(document).ready(function(){
 
$(window).scroll(function(){
if ($(this).scrollTop() > 300) {
$('#top-link').fadeIn();
} else {
$('#top-link').fadeOut();
}
});
 
$('#top-link').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
 
});
</script>



#message {display: block; z-index: 999; position: fixed; top: 100%;margin-top: -135px; right: 5%;margin-left: -80px;-moz-border-radius: 24px;-webkit-border-radius: 24px;width: 73px;line-height: 48px; height: 49px; padding: 10px; font-size: 24px; text-align: center;}
#message a { color: #000; font-size: 0;  display:block; background: url('../images/up-n.png') left top no-repeat; }
#message a:hover {background: url('../images/up-h.png') left top no-repeat;}



ссылка на сайт
http://webmastermix.ru/raznoe/300-knopka-vverkh-dlya-saita.html