Плавная кнопка вверх для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

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


Описание:

Вот такая кнопочка (вы можете видеть её в левом нижнем углу моего сайта, когда прокрутите страницу вниз), я считаю, должна быть на каждом сайте! Ещё бы, она так облегчает просмотр длинных страниц – не надо крутить страницу опять вверх, чтобы вернуться к меню, а нажал на кнопочку и – ты уже в начале страницы! К тому же это так красиво – страница красиво и плавно проматывается вверх, приятно смотреть Кнопочка размером 40x40, скрипт очень легкий и вы сможете спокойно подогнать под свой сайт.

Установка:

Для начала в таблицу стилей вставляем код:
Код
.scrollup{width:40px;height:40px;position:fixed;bottom:200px;left:160px;display:none;text-indent:-9999px;background: url('http://webmaster-ucoz.ru/ucoz/img/vverkh.png') no-repeat;opacity:0.5;}
.scrollup:hover{opacity:0.7;}
bottom:200px; - отступ с низу
left:160px; - отступ слева
http://webmaster-ucoz.ru/ucoz/img/vverkh.png - картинку кнопки можете заменить на свою

В нижнюю часть сайта:
Код
<!-- <Вверх> -->
<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>
<!-- </Вверх> -->

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 09.02.2016 в 14:00
Материал просмотрен: 3723 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 13 комментариев

Пожаловаться
Сказать спасибо

13 комментариев


Mitya12
Митяй @Mitya12 19.08.2015 23:571
+1
Спасибо,отличная работа like
Romchik
Роман @Romchik 19.08.2015 23:582
+1
Не за что!
ТОРНАДО
у меня она синяя почему то
Ромчик
Исправлено, переустановите CSS скрипт.
ТОРНАДО
все спс работает
Admin
Роман Домнин @Admin 24.12.2015 16:176
+1
Не за что!
avatar
А как сделать кнопку ещё и вниз?
Ромчик
Данная кнопка предназначена только для поднятия вверх
avatar
А так супер!
Ромчик
Можете воспользоваться другим скриптом http://u.to/mhf0DQ
1 2 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта