Перейти к содержанию
  • Авторизация  

    Scroll Indicator


    Silence

    Scroll Indicator

    scroll.png

    Перейти к ACP -> Customization -> Theme -> Edit HTML and CSS -> Templates -> globalTemplate 

    Поместите этот код перед </body>

    <div class="scroll-line"></div>  
    <script>    
      $(window).scroll(function(){var wintop = $(window).scrollTop(), 
         docheight = $(document).height(), 
         winheight = $(window).height(); 			
         var scrolled = (wintop/(docheight-winheight))*100;   		
      $('.scroll-line').css('width', (scrolled + '%'));});          
    </script> 

    Перейти к ACP -> Customization -> Theme -> Edit HTML and CSS -> CSS -> custom.css и вставить этот код:

    .scroll-line {  
    height: 2px;  
    margin-bottom: -2px;  
    background: #e74c3c;  
    width: 0%;  
    position:fixed;  
    top:0;  
    z-index:9999;
    }

    Наслаждаться ;)

    Авторизация  


    Обратная связь

    Рекомендуемые комментарии

    Комментариев нет



    Для публикации сообщений создайте учётную запись или авторизуйтесь

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать учетную запись

    Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

    Регистрация нового пользователя

    Войти

    Уже есть аккаунт? Войти в систему.

    Войти

×