我正在做'动画滚动的进度条动画,我使用了来自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 - 我不确定我是否正确上传了航点!