Пятница, 18 Января 2019, 15.35.27
Mega-Gold
Приветствую Вас Гость | RSS
Главная Регистрация Вход
МЕНЮ
Вам почта

Введите свой e-mail адрес:

Подпишись на обновления

Профиль
Счетчик PR-CY.Rank Анализ интернет сайта


Онлайн всего: 29
Гостей: 26
Пользователей: 3
Frfelj, all0803, Arczi
Сегодняшние посетители:


Гость


Поиск
Поиск:
Генератор паролей
Главная » 2018 » Февраль » 27 » Кнопка вверх и вниз на плавной прокрутке для сайта uCoz
19.46.58
Кнопка вверх и вниз на плавной прокрутке для сайта uCoz


В интернете много кнопок вверх, но не много кнопок вверх и вниз с плавным скролингом. В зависимости на каком участке у вас просмотр появляются и исчезают дойдя до верха или низа страницы.

Установка: В нижнюю часть сайта устанавливаем этот код.

Код
<!-- прокрутка Top-->
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

<a style='position: fixed; bottom: 170px; right: 25px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://www.mega-gold.org/Strelki/vverkh.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 120px; right: 24px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://www.mega-gold.org/Strelki/vniz.png" title="Вниз">
</a>
<!-- / прокрутка Top end-->


Кнопки вы можете заменить на свои, их разных большое множество.
Работу скрипта Вы видите здесь.
27.02.2018г.

Скачать: Кнопка вверх и вниз на плавной прокрутке для сайта uCoz




Категория: Скрипты для uCoz | Просмотров: 151 | Добавил: ana4220 | Теги: плавной, кнопка, сайта, Ucoz, вверх, прокрутке, Вниз | Рейтинг: 0.0/0

Всего комментариев: 0
Имя *:
Email:
Все смайлы
Код *:
Поиск Яндекс
Рекомендуем
[08 Января 2019]
А. Н. Толстой - Авторское собрание сочинений в 10 томах (1958-1961)
Просмотров: 21
__________________
[14 Января 2019]
Adobe Photoshop CC 2019 20.0.2 Portable by punsh + Plug-ins
Просмотров: 32
__________________
[12 Января 2019]
Techno Biogram (2019)
Просмотров: 18
__________________
[17 Января 2019]
Architectural Digest/Ad №02 2019
Просмотров: 4
__________________
[09 Января 2019]
Photolemur 3 1.1.0.2390
Просмотров: 21
__________________
Генератор HTML
Таблица цветов
Copyright Аna4220© 2019
Copyright mega-gold.org © 2018 All Rights Reserved. Все материалы, выложенные на сайте, взяты из открытых источников сети Интернет, либо присланы посетителями сайта. Все права на программы принадлежат их авторам и предоставлены исключительно для ознакомления. Администрация сайта не несет ответственности за материалы, выложенные на сайте.

У нас файлы не хранятся!