Сегодня мы будим создавать кнопку “вверх”. Эта кнопка очень удобна тем что иногда бывают длинные статьи и для того что б быстро вернуться к началу статьи довольно всего лишь нажать на кнопку, которая сама все сделает 
. Кнопку будим делать без плагина, с помощью не большого скрипта.
Для этого заходим в наш шаблон, папку js(если такой папки нет, создайте). Создаем файл top.js и заносим туда такой код:
(function($){
$(function(){
var e = $(".scrollTop");
var speed = 500;
e.click(function(){
$("html:not(:animated)" +( !$.browser.opera ? ",body:not(:animated)" : "")).animate({ scrollTop: 0}, 500 );
return false; //важно!
});
//появление
function show_scrollTop(){
( $(window).scrollTop()>300 ) ? e.fadeIn(600) : e.hide();
}
$(window).scroll( function(){show_scrollTop()} ); show_scrollTop();
});
})(jQuery).scrollTop{
background:url(путь к картинке.png) 0 0 no-repeat;
display:block; width:50px; height:50px;
position:fixed; bottom:10px; right:145px;
z-index:2000;
opacity: 0.7;
}
.scrollTop:hover{ opacity: 1; }
Понравилась статья? Подпишись на обновления по e-mail!
