Кнопка вверх
Практически в каждом шаблоне есть кнопка вверх - перед Вами заготовка для такой кнопки.
1. Для боди задаем уникальный идентификатор:
<body id="vverh">2. Перед закрывающим боди ставим саму кнопку и задаем стили:
<a href="#vverh" id="knverh" class="bg-vverh"></a>
/* Knopka vverh */
.bg-vverh {display:none; width:36px; height:39px;background-position:-702px -533px; position:fixed; bottom:15px; right:20px;z-index:990;}
.vverfixno {display:none; }
.vverhvid {display:block;}
3. Ставим скрипты внизу сайта - после джиквери:
{jsfiles}
<script>
//* фиксация кнопки вверх
$(document).ready(function(){ var $menu = $("#knverh"); $(window).scroll(function(){ if ( $(this).scrollTop() > 1065 && $menu.hasClass("vverfixno") ){ $menu.removeClass("vverfixno").addClass("vverhvid"); } else if($(this).scrollTop() <= 1090 && $menu.hasClass("bg-vverh")) { $menu.removeClass("vverhvid").addClass("vverfixno"); } });scroll });
//* плавная прокрутка к месту вверх
$(document).ready(function(){ $('.bg-vverh').click( function(){ var scroll_el = $(this).attr('href'); if ($(scroll_el).length != 0) { $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 900); } return false; }); });
</script>