Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Кнопки вверх и вниз на странице (Скроллинг)
Кнопки вверх и вниз на странице (Скроллинг)
Lexarus
Offline
Дата: Вторник, 04.02.2014, 19:51 | Сообщение # 1
Постов: «3519»
Лучший админ

Кнопки сделаны в виде пальца. Плавный скроллинг
Установка:
В нижнюю часть сайта вставляем:
Код
<div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>   
   <img src="http://csomsk.ru/csomsk/point-up.png" alt="Наверх" title="Наверх"></a>    
   <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>   
   <img src="http://csomsk.ru/csomsk/point-down.png" alt="Вниз" title="Вниз">   
   </a></div>   

<script>   
var go_down = jQuery('body');   
jQuery(function() {   
   $("#Go_Top").hide().removeAttr("href");   
   if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")   
   var scrollDiv = $("#Go_Top");   
   $(window).scroll(function() {   
   if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")   
   else $(scrollDiv).fadeIn("slow")   
   });   

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

   $("#Go_Top").click(function() {   
   $("html, body").animate({scrollTop: 0}, "slow")   
   })   
   $("#Go_Bottom").click(function() {   
   $("html, body").animate({scrollTop: go_down.height()}, "slow")   
   })   
});   
</script>
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Кнопки вверх и вниз на странице (Скроллинг)
Страница 1 из 11
Поиск: