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

Кнопка Up на подобие как в Вконтакте

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

  1. TopicStarter Overlay
    MaxiRubo

    MaxiRubo Команда форума Основатель

    1.300
    2
    1
    pic01.jpg

    Скрипт кнопка вверх на подобии такой как в вконтакте для сайта.
    В принципе код подойдет для любого сайта на любом движке, DLE не исключение)

    После установки отображение полоски по вертикали по левую сторону на вашем сайте. Аналогичная полоса прокрутка как вконтакте.

    Установка:

    1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:
    Код:
    .scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
    .scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://maxirubo.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}
    2) А вот этот код прописываем в нижнюю или верхнюю часть сайта:
    Код:
    <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");
    jQuery(window).scroll(function(){
    if (jQuery(this).scrollTop() > 350) {
    jQuery('.scrolltotop').fadeIn();
    } else {
    jQuery('.scrolltotop').fadeOut();
    }
    });
    jQuery('.scrolltotop').click(function(){
    jQuery("html, body").animate({ scrollTop: 0 }, 600);
    return false;
    });
    });0
    </script>
    На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме


     
Загрузка...
Похожие темы - Кнопка на подобие
  1. MaxiRubo
    Ответов:
    0
    Просмотров:
    1.626
  2. Aleks
    Ответов:
    0
    Просмотров:
    2.085
  3. MaxiRubo
    Ответов:
    1
    Просмотров:
    1.946
  4. MaxiRubo
    Ответов:
    0
    Просмотров:
    1.851
  5. MaxiRubo
    Ответов:
    0
    Просмотров:
    281