Кнопка наверх для Dle


09 июня 2013
Кнопка наверх для Dle

Кнопка наверх для Dle, для прокрутки страницы сайта наверх.

Установка довольно таки проста, но надо как минимум уметь создавать/редактировать файлы и подключать JS файлы к шаблону.
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;}

JS:
$(function(){var scroll_start=30;var top=0;$('body').append('<a href="#" id="gotop" title="Наверх"></a>');var s=$('#gotop');var margin_top=parseInt(s.css('top'));function gotop_scroll(){top=$(window).scrollTop();if(top<scroll_start)s.fadeOut(400);else s.css('opacity',0.5).fadeIn(300)}$(window).scroll(gotop_scroll);s.live({mouseenter:function(){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}})})


Обратите внимание на scroll_start=30; Это количество пикселей, начиная с которого появляется стрелка.Кнопка наверх для Dle

Так же в папку {THEME}/images/ вам нужно загрузить это Кнопка "Наверх" или любое другое изображение стрелки и переименовать его в gotop.png

ava

Написал: obozniy
Группа: Посетители Пользователь offline
1
0
10 октября 2013 11:11
Кнопка работает хорошо на 9.6. Установка проста.

ava

Написал: Михаил-ВебМастер
Группа: Посетители Пользователь offline
2
0
14 марта 2014 17:12
я не понял куда писать js?

ava

Написал: Administrator
Группа: Администраторы Пользователь offline
3
0
14 марта 2014 18:33
Цитата: Михаил-ВебМастер
JS

в JS файл


--------------------

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