ToTop v1.0
Установка:
Файл шаблона: main.tpl
После:
<body>
{AJAX}
{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>
#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)