По мере прокрутки сайта вниз,кнопка становится постепенно непрозрачной.
Установка.Скопировать Код,и вставить в самый низ любого глобального блока,я ставил в Нижняя Часть Сайта.,все работало.

Code
<style>  
  #aposcroll a {  
  text-decoration:none;  
  color:red;  
  }  

  #aposcroll:hover {  
  background-color:rgba(200, 200, 200, 0.7);  
  box-shadow:0px -5px 10px #777;  
  }  
  </style>  
  <div style="padding:30px 5px 0px 5px;position:fixed;top:0px;right:0px;z-index:999;width:70px;height:100%;opacity:0" id="aposcroll"><center><a href="javascript://">▲ Вверх</a></center></div>  

  <script>  
  // Кнопка Вверх by Apocalypse  
  var as = $('#aposcroll');  
  as.click(function() {  
  $(document).scrollTo(0, 500);  
  });  
  document.onscroll = function() {  
  var apolst = '0.'+$('body').scrollTop();  
  if(apolst.length == 5) {  
  as.stop().fadeTo(500, apolst);  
  } else if(apolst.length == 4 || apolst.length == 3) {  
  as.stop().fadeTo(500, 0);  
  };  
  };  
  </script>





Ваша оценка:

Рейтинг: 0.0 Всего:0 Добавил: Михалыч

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Комментарии
Всего комментариев: 1
аватар отсутствует
1 | Артем пишет: | 21.02.2013 | 22:19 Страница с комментарием |
А как сделать так чтобы кнопка была с левой стороны сайта?
+ (0) -