• Страница 1 из 1
  • 1
Боковая панель "Вверх" как вконтакте для uCoz.
Дмитрий Дата: Вторник, 15.05.2012, 22:21 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий


По мере прокрутки сайта вниз,кнопка становится постепенно непрозрачной. 
Установка.Скопировать Код,и вставить в самый низ любого глобального блока,я ставил в Нижняя Часть Сайта.,все работало. 
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);   
   };   
   };   
   // apo-ucoz.com (c) 2012   
   </script>


From Russia With Love!
  • Страница 1 из 1
  • 1
Поиск: