15 мар


Автор: MSW
Версия DLE: 9.0-9.8 (8.3-8.5+jquery)
Сайт поддержки: http://megafile.mksat.net/

Файл шаблона: 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")

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

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.