Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

Фиксированная верхняя полоса прогресса для чтения/прокрутки

Дата добавления: 15.12.2020 - 08:06
Добавил: Buger
Количество просмотров: 46
Количество комментариев: 0
Размер файла: 5.4 Kb
Рейтинг материала: 0.0 / 0
Фиксированная верхняя полоса прогресса для чтения/прокрутки
рейтинг 0.0
/
голосов 0
Супер крошечный (менее 1 КБ) и простой в использовании плагин jQuery для создания фиксированной верхней полосы прогресса, представляющей текущую позицию прокрутки и чтения вашей статьи или всей веб-страницы.

Как использовать:


1. Подключите уменьшенную версию плагина верхнего индикатора полосы прогресса, после библиотеки jQuery.
Код
<script src="/js/top-progress-bar.min.js"></script>


2. Вызовите функцию topProgressBar в целевом контейнере, в котором вы хотите отслеживать прогресс прокрутки/чтения.
Код
<script>
  $(document).ready(function() {
  $(document).topProgressBar({
  bgColor: "#FFCD69", // цвет фона
  height: "5px" // высота индикатора
  });
  });
</script>


3. Настройте цвет фона верхнего индикатора выполнения. По умолчанию: «синий».
4. Определите высоту верхнего индикатора выполнения. По умолчанию: «2px».
Добавлять комментарии могут только зарегистрированные пользователи.


Поделись с друзьями: