向后滚动的动画进度表

时间:2015-03-10 23:32:32

标签: jquery jquery-waypoints

我正在做'动画滚动的进度条动画,我使用了来自Darren的大量代码,我正在使用航点,我希望坚持Jquery在航点之间上班,有点做,但倒退了!

以下是代码:

<div class="goals" id="PB">
<div class="wh-align">
    <div class="meter">
        <span style="width: 40%"></span>
    </div>
</div>
</div>

var waypoint = new Waypoint({
element: document.getElementById('PB'),
handler: function() {
$(function() {
$(".meter > span").each(function() {
    $(this)
        .data("origWidth", $(this).width())
        .width(0)
        .animate({
             width: $(this).data("origWidth")
             }, 1200);
});
});
},
offset: '40%'
})

Fiddle here - 我不确定我是否正确上传了航点!

0 个答案:

没有答案