Scroll Indicator
Перейти к 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;
}
Наслаждаться
- Vask0, vinznsk, Samohovets и 1 другой
-
4
Рекомендуемые комментарии
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.