Название темы Раздел Ответов Последний

Кнопка наверх для 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 файл


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

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