» » Кнопка "Вверх"

Кнопка "Вверх"

Кнопка "Вверх"


Данный хак позволяет установить кнопку "Вверх" которая обычно располагается внизу сайта и предназначена, чтобы легко перейти к верху страницы и не крутить колесо мыши.

Установка;
1. Скопировать эту картинку и залить на сайт по адресу: ваш сайт/templates/ваш шаблон/images/
2. В style.css добавить:

#gotop{position:fixed;width:41px;height:41px;right:7px;bottom:20px;display:block;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}


3. Между тегами head и /head добавить:

<!-- вверх-->
$(function(){
var scroll_start = 120;
var top = 0;
$('body').append('');
var s = $('#gotop');
var margin_top = parseInt(s.css('top'));
function gotop_scroll(){
top = $(window).scrollTop();
if(top scroll_start) $(this).fadeTo(200,1.0);},
mouseleave:function(){if(top>scroll_start) $(this).fadeTo(400,0.5);},
click:function(){$('html,body').animate({scrollTop:0},'slow');return false;}
});
}) 
<!-- вверх-->


Всё, установка завершена.
  • 0



20-08-2014, 18:24 994 0

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.