Главная » Интересные решения для сайтов uCoz » Ucoz » Скрипты

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

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

Для начала в таблицу стилей вставляем код:

Код

.scrollup{width:40px;height:40px;position:fixed;bottom:200px;left:160px;display:none;text-indent:-9999px;background: url('http://webmaster-ucoz.ru/w-u/img/vverkh.png') no-repeat;opacity:0.5;}
.scrollup:hover{opacity:0.7;}

bottom:200px; - отступ с низу
left:160px; - отступ слева
http://webmaster-ucoz.ru/w-u/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>

Автор материала:

...

Логин на сайте: ...

Группа: ...

Материалов: ...

Статус: ...

О материале:

Дата добавления материала:
04.07.2016 в 22:01

Материал просмотрен: 748 раз

Категория материала:
Скрипты

К материалу оставлено: 0 комментариев

Рекомендую к просмотру


Стилизация вертикального меню uCoz


Склонение целых числительных на операторах uCoz


Простой мини-профиль для uCoz


Kronik sarguzashtlari by (ZiyoNET)

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Немного информации в комментариях!

1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных, например таких: uCoz.ru, forum.ucoz.ru, blog.ucoz.ru и т.п.)
4. Запрещено флудить и спамить, предлогать услуги (например: "делаю рипы, адаптации на заказ" "помогу с установкой шаблона" и т.д. )

Комментарии к материалу Плавная кнопка вверх для uCoz как на ZorNET.ru

Здравствуйте Гость
Пожалуйста зарегистрируйтесь или войдите под своим логином на сайт.

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

Рекомендую к просмотру

Стилизация вертикального меню uCoz

Склонение целых числительных на операторах uCoz

Простой мини-профиль для uCoz

Kronik sarguzashtlari by (ZiyoNET)