我现在正在使用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低于屏幕中心。 发生了什么事?
谢谢