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

Как убрать глюк меню при анимации Progress Bar (Foundation 5)?

Просьба подсказать, как исправить глюк, когда с таким кодом для анимации прогресс бара глючит меню в Foundation 5. Меню используется обычное или Magellan. Глюк заключается в том, что пункт меню остаётся активным на том месте (блоке, anchor), в котором находится прогресс бар с анимацией. В JS и Foundation не силён.
Сам код (глюк в последней строке, насколько понял):
$(function() { 

    var $meters = $(".progress > span"); 
    var $section = $('.meter'); 
    var $queue = $({}); 

    function loadDaBars() { 
        $meters.each(function() { 
            var $el = $(this); 
            var origWidth = $el.width(); 
            $el.width(0); 
            $queue.queue(function(next) { 
                $el.animate({width: origWidth}, 1200, next); 
            }); 
        }); 
    } 

    $(document).bind('scroll', function(ev) { 
        var scrollOffset = $(document).scrollTop(); 
        var containerOffset = $section.offset().top - window.innerHeight; 
        if (scrollOffset > containerOffset) { 
            loadDaBars(); 
            // unbind event not to load scrolsl again 
            $(document).unbind('scroll'); 
        } 
    }); 

});
  • Вопрос задан
  • 90 просмотров
Подписаться 2 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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