» »

Скрипт подъем вверх и вниз страницу сайта


Скрипт подъем вверх и вниз страницу сайта

Уже много таких кодов можно найти в интернете. Я вот бы предпочел такие кнопки, так как они сами по себе простые и видер все как есть. И можно ставить на любой дизайн сайта, даже на темный и они все равно будут смотреться. Так же можно их перекрасить под свой сайт и поменять просто ссылки. Сами они будут отражаться с правой стороны, как стандартные, только вы можете поднимать как в низ так и вверх.
Установка:
В нижнюю часть сайта устанавливаем код.
Код
<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="http://zornet.ru/CSS-ZORNET/ZER/icon_up.png" title="Вверх">  
</a>  
<a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'  
href='#' id='Go_Bottom'>  
  <img src="http://zornet.ru/CSS-ZORNET/ZER/icon-down.png" title="Вниз">  
</a>
11.10.2013 Просмотров: 1096 Комментарий: (1)

Поделиться в социальных сетях

Материал разместил

Комментарий: 1
Стефани
Стефани 28.09.2015 12:461
+1
спасибо, очень классно смотрится на сайте
avatar