23 июл 2015
Кнопка "Наверх" для DLE 10.x
Ares Категория: DATALIFE ENGINE » Модули
У нас вы можете скачать бесплатно Кнопка "Наверх" для DLE 10.x

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Кнопка "Наверх" для DLE 10.x

Кнопка "Наверх" для DLE 10.0-10.5


Установка :

Залить картинку uarr.png в папку images в вашем шаблоне.

В файле стилей прописываем стиль самой кнопки:

.gototop{
    display: none;
    cursor: pointer;
    position: fixed;
    left: 0;
    top: 0;
    width: 3%;
    max-width: 60px;
    min-width: 10px;
    height: 100%;
    background: url('../images/uarr.png') no-repeat 50% 12px;
    transition: background-color .2s ease-in;
    z-index: 99;
}
.gototop:hover{
    background-color: rgba(240,240,240,.5)!important
}


И в любом JS файле вашего шаблона прописываем сам обработчик:

var gotop_scroll_start = 200;
function gotop_scroll(){
    if($(window).scrollTop()<gotop_scroll_start) $('.gototop').fadeOut(400);
    else $('.gototop').fadeIn(300);
}
$(function(){
    $('body').append('<div class="gototop" title="Наверх &uarr;"></div>');
    if($(window).scrollTop()>gotop_scroll_start) $('.gototop').show();
    $(window).scroll(gotop_scroll);
    $(".gototop").click(function(){$('html,body').animate({scrollTop:0})});
})



Версия DLE: 10.0-10.5
Автор: Олег Александрович a.k.a. Sander

Скачивание файлов доступно только зарегистрированным пользователям









Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
gamaleev0071 | 4 августа 2015 12:59
  • Группа: Посетители |
  • Комментарий: 1 (ссылка)

не фурычит на 10.4 проверил !

boobler | 6 октября 2015 20:54
  • Группа: Посетители |
  • Комментарий: 2 (ссылка)

Спасибо!
Работает на dle 10.4

flash1bingo | 29 января 2017 00:39
  • Группа: Посетители |
  • Комментарий: 3 (ссылка)

не работает на 10.1

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