Реализация кнопки "наверх" на основе jQuery

[9CaraTT]

Очередная кнопка вверх, без лишнего кода, всё просто и доступно.
Открыть: overall_header.html
До:

Код: Выделить всё

<script src="{PPKBB3CKER_ADDONS}js/jquery-min.js" type="text/javascript"></script>

Или для форумнуго двига, до:

Код: Выделить всё

<script type="text/javascript">

Вставить:

Код: Выделить всё

<script type="text/javascript"> 
(function($){ 
  $(function(){ 
    var e = $(".scrollTop"); 
    var  speed = 500; 
    e.click(function(){ 
      $("html:not(:animated)" +( !$.browser.opera ? ",body:not(:animated)" : "")).animate({ scrollTop: 0}, 500 ); 
      return false; //важно! 
    }); 
    function show_scrollTop(){ 
      ( $(window).scrollTop()>300 ) ? e.fadeIn(600) : e.hide(); 
    } 
    $(window).scroll( function(){show_scrollTop()} ); show_scrollTop(); 
  }); 
})(jQuery) 
 </script>

Открыть: overall_footer.html
До:

Код: Выделить всё

</body>
</html>

Вставить:

Код: Выделить всё

<div class="scrollTop" style="display:none;"></div>

Открыть: stylesheet.css
В самый конец запихнуть:

Код: Выделить всё

/* Кнопка вверх */ 
.scrollTop { 
background-attachment: scroll; 
background-clip: border-box; 
background-color: transparent; 
background-image: url("./images/top.png"); 
background-origin: padding-box; 
background-position: 0px 0px; 
background-repeat: no-repeat; 
background-size: auto; 
bottom: 0px; 
cursor: pointer; 
display: block; 
height: 59px; 
left: 47%; 
opacity: 0.6; 
position: fixed; 
width: 45px; 
z-index: 2000; 
} 
/* Кнопка вверх end */

Кнопку пихаем сюда \styles\ваш_стиль\theme\images и переименовываем если надо.

Расположение и размер кнопки регулирум руками, так же руками можно отрегулировать скорость появления кнопки и скорость прокрутки.
Нащёл данную инструкцию в сети, но она была написана для torrentpier - гавна, тут же вариант для нашего двига. Себе на сайт чё-то вломы ставить данную кнопку, но проверил, работает ...