Кнопка "Наверх" как в контакте v2
Кнопка "Наверх" как в социальной Вконтакте для сайтов, созданных в системе 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>
<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>
-
FalleN -
1184 -
1 -
0
Но только нужно ставить наверное на те модули которые обновляться должны не раньше через пару тройку минут
С Уважением, Андрей...