Компания Ивентс-Фор-Рент
Контакты
  • Главная
  • Обратная связь
  • Карта сайта

ШАБЛОНЫ
для
DataLife Engine



Последние события

Календарь

«    Март 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728293031 

Голосование

Больше каких шаблонов Вы хотите видеть на нашем сайте?

Популярное

Наши партнеры

RSS

Кнопка "Наверх"

Кнопка "Наверх"Кнопка "Наверх"Кнопка "Наверх"


Благодаря этому хаку для DLE, у Вас будет возможность сделать плавную прокуртку страниц с низу в верх кнопкой.

Кнопка будет работать на всех сайтах где подключен jquery. Необходимая версия DLE: Все версии 9.х.

Установка:

в style.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;}


В любой ваш скрипт в самый низ добавляем:

$(function(){
    var scroll_start = 120;
    var top = 0;
    $('body').append('<a href="#" id="gotop" title="Наверх &uarr;"></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.fadeIn(300,function(){$(this).css('opacity',0.5)});
    }
    $(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;}
    });
})


var scroll_start = 120;

- данный параметр отвечает сколько пикселей нужно прокрутить что бы появилась кнопка.

if(top < scroll_start) s.fadeOut(400);

- скорость прокрутки.

else s.fadeIn(300,function(){$(this).css('opacity',0.5)});

- уровень прозрачности кнопки.

Кнопку кидаем в /templates/{THEME}/images/gotop.png



Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Кнопка "Наверх" » Лучшие шаблоны DLE