1. Уважаемый Гость, в связи с нехваткой свободного времени наш форум продается. Форум богат своими плагинами и различными шаблонами как платными, которые трудно где достать бесплатно так и бесплатными. Если Вас заинтересовал форум, то, обращаемся по почте: administrator_ps@rambler.ru.
Скрыть объявление
Мы рады Вас видеть на нашем форуме! Надеюсь тебе у нас понравится и ты станешь вместе с нами активным и постоянным пользователем)

Кнопка "Вверх" на jQery

Тема в разделе "Хаки", создана пользователем Aleks, 14 окт 2016.

  1. TopicStarter Overlay
    Aleks

    Aleks Пользователь

    60
    14
    1
    ups.png
    Открываем /templates/название шаблона/main.tpl
    Перед закрывающим тегом:
    Код:
    </head>
    Вставить:
    Код:
    <script type="text/javascript">
    
    
    
          (function(jq) {
    
             jq.autoScroll = function(ops) {
    
             ops = ops || {};
    
             ops.styleClass = ops.styleClass || 'scroll-to-top-button';
    
             var t = jq('<div class="'+ops.styleClass+'"></div>'),
    
                d = jq(ops.target || document);
    
             jq(ops.container || 'body').append(t);
    
    
    
             t.css({
    
                opacity: 0,
    
                position: 'absolute',
    
                top: 100%,
    
                right: 0
    
             }).click(function() {
    
                jq('html,body').animate({
    
                   scrollTop: 0
    
                }, ops.scrollDuration || 1000);
    
             });
    
    
    
             $(window).scroll(function(){
    
                var sv = d.scrollTop();
    
                if (sv < 10) {
    
                   t.clearQueue().fadeOut(ops.hideDuration || 200);
    
                   return;
    
                }
    
    
    
                t.css('display', '').clearQueue().animate({
    
                   top: sv,
    
                   opacity: 0.8
    
                }, ops.showDuration || 500);
    
             });
    
          };
    
       })(jQuery);
    
    
    
       $(document).ready(function(){
    
          $.autoScroll({
    
             scrollDuration: 2000,
    
             showDuration: 600,
    
             hideDuration: 300
    
          });
    
       });
    
    
    
    </script>
    <style>
    .scroll-to-top-button{ background: #666 url("{THEME}/images/ups.png") center center no-repeat;
        width: 32px;
        height: 32px;
        color: #fff; font-family: verdana;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        cursor: pointer;
        padding: 15px;
        margin: 20px;
    }
    </style>

    Скачиваем изображение и кидаем в папку /templates/шаблон/images/


     
Загрузка...