Сегодня выкладываю кнопку наверх как в системе вконтакте.
Многие из вас любят делать сайты подобие вконтакте либо же просто добавлять на свой сайт подобные скрипты для ucoz как вконтакте.
Мне кажется данный скрипт очень удобный и нужен многим большим сайтам на который очень большой контент например такие как шаблоны для ucoz, скрипты для ucoz и тд
Установка
Перед ставим данный код:
Code
<a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toDown"> <b style="color:#888;padding-left:15px;">Вниз</b> </a>
<a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toTop"> <b style="color:#888;padding-left:15px;">Наверх</b> </a>
<script>
$(window).scroll(function(){
if($(window).scrollTop() > "300"){
$('#toTop').fadeIn();
$('#toDown').hide();
}else if($(window).scrollTop() == "0"){
$('#toTop').fadeOut();
$('#toDown').fadeIn();
}
});
$('#toTop').click(function(){
$('html, body').animate({scrollTop:0}, 350);
$('#toDown').fadeIn();
});
$('#toDown').click(function(){
$('html, body').animate({scrollTop:$('body').height()}, 350);
$('#toDown').fadeOut();
});
</script>