• Страница 1 из 1
  • 1
Кнопка Вверх / Вниз на сайт uCoz
Pasan не в сети10:08 PM | Сообщение # 1
Админ
Администраторы
Сообщений: 102
Награды: 0
Репутация: 0


В сети интернет вы можете найти много кнопок с такой функцией с плавным скролингом. Но что поднимает вверх и в низ редко встретишь. Есть такой материал, но только подключаешь приложение резчик по рекламе, так как они исчезают. Здесь все отлично работает, к тому же у вас есть вариант на замену, просто идет 2 ссылки и как раз на обе кнопки. Что по поводу части плавным скролингом, то здесь как раз настроено, не будет такого, что по клику быстро подниматься или опускаться страница будет. Все равномерно и по нормальной скорости, что будет для любой тематике приемлемо.

Устанавливаем:

В низ сайта ставим скрипт:

Код
<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: 300px; right: 1px; cursor:pointer; display:none;'  
  href='#' id='Go_Top'>  
  <img src="https://zornet.ru/Aben/Abryn/icon_up.png" title="Вверх">  
  </a>  
  <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'  
  href='#' id='Go_Bottom'>  
  <img src="https://zornet.ru/Aben/Abryn/icon-down.png" title="Вниз">  
  </a>


PS - возможно такой набор кнопок кого то не устроит, то ЗДЕСЬ вы найдете больше тридцати и есть из чего выбрать.


профиль сайт
  • Страница 1 из 1
  • 1
Поиск: