RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Admin 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » "Вверх" и "Вниз" с плавным прокручиванием
"Вверх" и "Вниз" с плавным прокручиванием
JockerДата: Вторник, 08.12.2015, 19.24.45 | Сообщение # 1
Глава сайта
Группа: Администраторы
Сообщений: 493
« »

Смайл настроения:
Ранг:

Доп. данные:


На просторах интернета множество всевозможных подобных скриптов с плавной прокруткой. В этом скрипте при прокрутке вниз появляется кнопка вверх, а кнопка вниз пропадает, а при прокрутке вверх, появляется кнопка вниз и исчезает кнопка вверх. Как-то так
Установка:
Ставим этот код в самый вверх сайта. Удачи.
Код
<!--Go_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: 100px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://prosidr.ru/images/ttop1.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 30px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://prosidr.ru/images/ttop2.png" title="Вниз">
</a>
<a style='position: fixed; bottom: 100px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="http://prosidr.ru/images/ttop1.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 30px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="http://prosidr.ru/images/ttop2.png" title="Вниз">
</a>
<!--/ Go_Top -->
Прикрепления: 4913356.png(198Kb) · 6614504.png(2Kb) · 7381140.png(2Kb)


Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » "Вверх" и "Вниз" с плавным прокручиванием
Страница 1 из 11
Поиск:
Сегодня нас посетили
19Anton98, kilapoun, VANGOG19, BOSS-13, CarlosTark, Kennethmof, UQDouglasmof, LatinaPap, Anthonyeffok, DavidNEers, genevieveoq60, dorothyop2, tracieow3, brandykg16, coreynw69, alicebd1, [Полный список]


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика