我现在正在使用Skrollr，但不知何故，我的动画会被触发很多次或早于他们应该触发，并且每次加载网页时都会更改。 例如：
<DIV data-bottom-top="opacity: 0;" data-center-center="opacity: 1"> This is some text </DIV>
这理想情况下应该显示为我的文本在屏幕底部是透明的（元素的顶部位于视口的底部），然后当它移动到我的屏幕的确切中心时，不透明度应该是完全在1.当我将它加载到Chrome时，Opacity变得比屏幕中心高出约200 px。当我第一次在Firefox上加载它时，它是一样的。当我在Firefox上再次加载它时，不透明度为1大约100 px低于屏幕中心。 发生了什么事？
谢谢