» »

Поднятие страницы вверх сайта uCoz


Поднятие страницы вверх сайта uCoz

Кнопка вверх, которая всегда будет на сайте с правой стороны. Ее место в низу и если страница пониматься будет то и она также с ней. Сам скрипт очень простой в этом большой плюс, также кнопка выполнена в сером виде, что на светлом сайте отлично видно и не исключаю, что на темном можно поставить.

Установка:

В нижнюю часть сайта вставляем:

Код
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 800);return false;">  
  <div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop"><img  
  title="Вверх" src="http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/up-cvseormxsk.png" border="0"></div>  
  </a>  
   
  <script type="text/javascript">  
  jQuery(function() {  
  var overelem = jQuery('body');  
   
  jQuery('#nav_up').fadeIn('slow');  
  jQuery('#nav_down').fadeIn('slow');  
   
  jQuery('#nav_down').click(  
  function (e) {  
  jQuery('html, body').animate({scrollTop: overelem.height()}, 800);  
  }  
  );  
  jQuery('#nav_up').click(  
  function (e) {  
  jQuery('html, body').animate({scrollTop: '0px'}, 800);  
  }  
  );  
  });  
  </script>


PS - как можно заметить, что одна ссылка в коде и она на дизайн кнопки и ее можно поменять на свою.
23.01.2016 Просмотров: 349 Комментарий: (9)

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

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

Комментарий: 8
FeStemBer
FeStemBer 23.01.2016 19:561
0
Сейчас этих кодов, но очень много, что здесь хорошо, что сам можешь выбрать свою кнопку и поставить на рабочий скрипт.
Maryges
Maryges 23.01.2016 20:032
0
Но эту поставил и она отличается еще от других, как поставлена в низу и не куда не ездит, если ты не опускаешь или поднимаешь страницу.
Tergran
Tergran 23.01.2016 20:183
0
Нормальна сама кнопка, а скрипт мне уже не раз знакомый, видать на его только и переставляют кнопки.
ucozmental
ucozmental 23.01.2016 20:224
0
Мне вот правая сторона больше нравится, когда здесь кнопка с левой была, так ней почти не пользовался.
csretven
csretven 23.01.2016 22:035
0
Вот за этот код спасибо, убрал свой код, думаю простой даже лучше.
FeStemBer
FeStemBer 23.01.2016 22:056
0
Да, что то в последнее время пошла тенденция, проще коды ставить, так как работают также, только эффекта нет, но он и не нужен здесь.
Tergran
Tergran 23.01.2016 23:307
0
Может просто, чтоб сайт сильно не загружать, из за одного эффекта, становиться такой большой код.
Сопрано
Сопрано 24.01.2016 21:568
0
Поставил и не чего так пойдет, если он простой, могу себе представить, тот который накручен всякими эффектами или что там.
avatar