Задать вопрос
@lanimya

Как создать несколько анимированных баров с помощью jqBar?

Можно ли сделать так, чтобы элементов было несколько и все начинали загружаться только после прокрутки к секции?
Здесь допустим реализация вот этого, но с одним элементом.
Можно ли сделать так, чтобы не прошлось дублировать этот код:
$(function () {
    var jqBar = $('#bar-1');
    var jqBarStatus = true;
    $(window).scroll(function() {
        var scrollEvent = ($(window).scrollTop() > (jqBar.position().top - $(window).height()));
        if (scrollEvent && jqBarStatus) { 
            jqBarStatus = false;
            jqBar.jqbar({ 
                label: 'Label', 
                value: 90, 
                barColor: '#D64747', 
                orientation: 'h', 
                barWidth: 20 
            });
        }
    });
});
  • Вопрос задан
  • 66 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы