» »

Темная панель с боку поднять вверх как Vk


Темная панель с боку поднять вверх как Vk

Очень красиво расположена на сайте Темная панель с боку вверх как Vk с функцией, поднять страницу вверх. Вы ее не будете вообще видеть, но только клик подведете к боку, так как она появиться и нажмете, то страница подниматься будет вверх. В интернете полно в роде этого, но там светлые и с правой стороны, это противоположна и что главное идет как на темный ресурс, так и на светлый и многие остальные. Просто решил хоть один раз попробовать отжать с портала и получилось вытянуть этот код, которым хочу поделиться. Безусловно он проверен и работает отлично.

Устанавливать:

Сделал так, вверх сайта зашел и прописал его в самый подвал и все.

Код
<style>  
  #batyascroll a {  
  text-decoration:none;  
  color:#d3910a;  
  }  

  #batyascroll:hover {  
  background:#272727;
  box-shadow:0px -5px 10px #000;
border-right: 1px solid #423201;  
   
  }  
  </style>
<div style="padding: 30px 5px 0px; position: fixed; top: 0px; left: 0px; z-index: 999; width: 45px; height: 100%; opacity: 0.8;" id="batyascroll"><center><a href="javascript://">▲ Наверх</a></center></div>

<script>  
  var as = $('#batyascroll');  
  as.click(function() {  
  $(document).scrollTo(0, 0);  
  });  
  document.onscroll = function() {  
  var batyalst = '0.'+$('body').scrollTop();  
  if(batyalst.length == 5) {  
  as.stop().fadeTo(500, batyalst);  
  } else if(batyalst.length == 4 || batyalst.length == 3) {  
  as.stop().fadeTo(500, 0);  
  };  
  };  
  </script>
29.04.2015 Просмотров: 554 Комментарий: (1)

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

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

Комментарий: 1
Kosten
Kosten 29.04.2015 23:091
0
Когда страница опущена вниз, то слово наверх появиться, а сам дизайн нет, только при наведение клика на его.
avatar