Кнопка "Наверх"

ExPlayer

Пользователь
Доброго времени суток!
Скриншот:
screen.PNG
Установка:

Открыть pageheader.tpl и после (по крайней мере я сюда вставил)
Код:
<link rel="search" type="application/opensearchdescription+xml" href="{SITE_URL}opensearch_desc_bt.xml" title="{SITENAME} (Tracker)" />
Вставить (по желанию скрипт можете разместить у себя на сайте):
Код:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

НАЙТИ </head> перед вставить:
Код:
<!-- Кнопка наверх -->
<div id="upbutton"></div>

<script>
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) {
            if ($('#upbutton').is(':hidden')) {
                $('#upbutton').css({opacity : 1}).fadeIn('slow');
            }
        } else { $('#upbutton').stop(true, false).fadeOut('fast'); }
    });
    $('#upbutton').click(function() {
        $('html, body').stop().animate({scrollTop : 0}, 300);
    });
</script>

<style>
  #upbutton {
    background: url("styles/images/up.png") no-repeat top left;
    height: 197px;
    width: 148px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 999;
  }
</style>
<!-- кнопка наверх -->

Рисунок:
up.png

Не забудьте загрузить рисунок, можете его поменять на свой.

P.S. Я понимаю, что в инете до фига разных способов как прикрутить эту кнопку к сайту, но лично я перепробовал штук 5, пока не наткнулся на этот метод. Решил поделиться.
 
Последнее редактирование:
Сверху