Плавная кнопка вверх для uCoz

Дата19 Июл 15 в 12:04
Категория Скрипты для uCoz

Красивая кнопка для поднятия страницы вверх.

Кнопка вверх для юкоз. Простая установка и интересный дизайн кнопки.

Установка

Вставить в Нижнюю часть сайта:

Код

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

Вставить в Таблицу стилей:

Код

.scrollup{width:40px;height:40px;position:fixed;bottom:200px;left:0px;display:none;text-indent:-9999px;background: url('http://kanavas.at.ua/img/vverkh.png') no-repeat;opacity:0.5;margin: 10px 0px 30px 16px;}
.scrollup:hover{opacity:0.7;}