Перейти к содержанию

Рекомендуемые сообщения

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;
}

 

Поставь LIKE! Если помог))

Ссылка на комментарий
https://lesya.su/topic/411-scroll-indicator/
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Восстановить форматирование

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...