Jump to content
  • Scroll Indicator


    Scroll Indicator


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

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

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

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

    .scroll-line {  
    height: 2px;  
    margin-bottom: -2px;  
    background: #e74c3c;  
    width: 0%;  

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


    User Feedback

    Recommended Comments

    У меня не пашет ips 4.3

    Стоп. Это шкала отображения скроллинга.. немного ошибся, прошу прощения ;)

    Link to comment
    Share on other sites

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Add a comment...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...