Javascript Skrollr：进度条在页面结束之前完成

所以我是Skrollr的新手，我试图弄清楚Skrollr的位置

现在，由于某种原因，我的数据开始/数据顶部进度条在页面结束之前很久就结束了

这是JSFIDLE-

下面是有问题的代码行

<div id="progress" data-start="width:0%; background:hsl(200, 100%, 50%);" data-end="width:100%; background:hsl(920, 100%, 50%);"></div>

---

有人能告诉我为什么酒吧结束得这么早吗？

小提琴使用

数据顶端

，而你发布的代码有

数据端

（如预期的那样工作）

你真的需要那些额外的
标签吗？移除
后，它们似乎在计算检查演示中造成了麻烦。为什么它在那里工作，但不是在我的文件系统上，或是在我的网站上？