• Автор:

    Flesha
  • Добавлено:

    ноя 23, 2012
  • Комментариев:

    2
  • Просмотров:

    2802

Хак Кнопка на верх

Кнопка на верх работает на всех сайтах где подключен jquery последней версии, так же по совместительству работает на dle.

Установка:
в 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)});

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

Автор: Sander

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

Хак Кнопка на верх

Хак Кнопка на верх
Вернуться

Комментарии:


  1. Bundes → 29 декабря 2012 18:48
    Привет! У мну DLE 9.7. "В любой скрипт, который подключен" - понятие неопределенное. Вставлял код в engine.php и в index.php. После вставки кода в engine.php скрипт глючит и выдает ошибку. А в index.php - загружается пустая страница. Может нужно в какой-то конкретный файл скрипта вставлять код?
  2. prizrak5033 → 17 июня 2013 04:00
    Решил проблему, создал собственный js скрипт с данным кодом и подключил его в main.tpl
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.