Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!
Подобные просьбы и вопросы - будут игнорироваться!
Фиксированная верхняя полоса прогресса для чтения/прокрутки
Дата добавления: 15.12.2020 - 08:06
Категория: Хаки / Дополнения
Добавил: Buger
Количество просмотров: 46
Количество комментариев: 0
Размер файла: 5.4 Kb
Рейтинг материала: 0.0 / 0
БЕСПЛАТНО
рейтинг
0.0
/
голосов
0
Супер крошечный (менее 1 КБ) и простой в использовании плагин jQuery для создания фиксированной верхней полосы прогресса, представляющей текущую позицию прокрутки и чтения вашей статьи или всей веб-страницы.
1. Подключите уменьшенную версию плагина верхнего индикатора полосы прогресса, после библиотеки jQuery.
2. Вызовите функцию topProgressBar в целевом контейнере, в котором вы хотите отслеживать прогресс прокрутки/чтения.
3. Настройте цвет фона верхнего индикатора выполнения. По умолчанию: «синий».
4. Определите высоту верхнего индикатора выполнения. По умолчанию: «2px».
Как использовать:
1. Подключите уменьшенную версию плагина верхнего индикатора полосы прогресса, после библиотеки jQuery.
Код
<script src="/js/top-progress-bar.min.js"></script>
2. Вызовите функцию topProgressBar в целевом контейнере, в котором вы хотите отслеживать прогресс прокрутки/чтения.
Код
<script>
$(document).ready(function() {
$(document).topProgressBar({
bgColor: "#FFCD69", // цвет фона
height: "5px" // высота индикатора
});
});
</script>
$(document).ready(function() {
$(document).topProgressBar({
bgColor: "#FFCD69", // цвет фона
height: "5px" // высота индикатора
});
});
</script>
3. Настройте цвет фона верхнего индикатора выполнения. По умолчанию: «синий».
4. Определите высоту верхнего индикатора выполнения. По умолчанию: «2px».
Поделись с друзьями:
