• Автор:

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

    мар 26, 2011
  • Комментариев:

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

    1941

ToTop v1.0

ToTop v1.0

Установка:

Файл шаблона: main.tpl
После:
<body>{AJAX}


Добавить:
<style type="text/css" media="all">
#toTop { width:70px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
</style>
<script type="text/javascript">
<!--
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()>="100"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()<="100"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:100},"slow")})}});
$(function(){$("#toTop").scrollToTop();});
//-->
</script>



Перед:
</body>


Добавить:
<a href="#" id="toTop">^вверх^</a>



Настройка:
if($(window).scrollTop()>="100")


показывать кнопку "вверх" если страница прокручена на больше чем 100 пикселей от верха.

$(window).scrollTop()<="100")


прятать кнопку "вверх" если страница прокручена на менее чем 100 пикселей от верха.

$("html, body").animate({scrollTop:100},"slow")


Автор: MSW
Версия DLE: 9.0-9.2 (8.3-8.5+jquery)
Сайт поддержки: 0-web.ru
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.