Форум - Плавная кнопка вверх

Rom4ik [Офф]
6 Сент 2014 в 07:23
Для получения на Вашей страничке кнопки вверх, похожей на ту, что Вы можете наблюдать на нашем сайте, Вам для начала необходимо подключить библиотеку jQuery, которая реализует плавную прокрутку странички вверх, а также плавное появление и исчезновение кнопки вверх. Делается это следующим образом:
JavaScript код:
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Так как кнопка для прокрутки странички вверх не играет важной роли при загрузке сайта (т.к. она появляется уже после того, как страничка загрузилась, и пользователь прокрутил ее немного вниз), то рекомендуем размещать код кнопки в самом конце странички перед тегом </body>.

После того, как Вы подключили библиотеку jQuery, добавьте в конец странички JavaScript код, который будет отвечать за появление и исчезновение кнопки вверх:
JavaScript код:
<script type="text/javascript">
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$(this).click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
}
});

$(function() {
$("#Go_Top").scrollToTop();
});
</script>

Ну и после того как вы добавили библиотеку jQuery и JavaScript код, остается только описать нашу кнопку для прокрутки странички в начало. Делается это так:
HTML код:
<a style='position: fixed; bottom: 25px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="image/go_up.png" alt="Наверх" title="Наверх">
</a>

Помогите разобраться я всё это проделал в document.tpl.php и кнопка появилась всёработает но проблема в том что она тока на главной а когда переходишь на форум или в другой раздел изображение кнопки изчезает и просто надпись навверх. Подскажите как это исправить.
Ksardarion [Офф]
21 Июля 2015 в 12:55
Rom4ik [Офф], из-за того что там все выводится другим файлом, вроде как
LeXoN [Офф]
21 Июля 2015 в 13:01
Rom4ik [Офф], стиль ты куда прописал ?
* Dcms Seven* Вопросы по дизайну CSS/js/Ajax* Форум * На главную
Изготовление ворот, калиток, перил