<
Scrool down button
Hi all
well,
HTML:
put this where you want
CSS:
bye
well,
HTML:
put this where you want
- Codice:
<div id="top-button"><a href="" class="scrolltop">top</a></div>
- Codice:
<script>jQuery(document).ready(function(){
jQuery(function () {
jQuery('#top-button').hide();
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() >= 500) {
jQuery('#top-button').fadeIn();
} else {
$('#top-button').fadeOut();
}
});
});
jQuery('#top-button a').click(function () {
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});</script>
CSS:
- Codice:
#top-button {
position: fixed;
bottom: 200px;
right: 6%;
width: 32px;
height: 32px;
text-indent: -9999px;
}
#top-button a {
display: block;
width: 32px;
height: 32px;
background: url(http://cdn2.iconfinder.com/data/icons/gnomeicontheme/32x32/actions/stock_top.png) top center no-repeat;
overflow: hidden;
border: none;
}
bye