Skrollr相对模式在Chrome或Safari中无法正常工作

Question

我使用相对模式使用Skrollr插件（https://github.com/Prinzhorn/skrollr）开始和结束我的动画。在IE中一切都很好，但动画在Safari和Chrome早期发生，在Firefox后期发生。我使用数据底部作为我的起点和数据中心作为我的终点。所以当整个元素刚刚从视口的底部弹出并且应该在视口的中心结束时，动画应该开始。

下面是网站，您可以在“为什么选择妈妈部”部分下面看到div id =“div56709”下的动画。

http://group.com/womens-ministry/where-moms-connect

为什么上述问题发生，将不胜感激任何想法。

Answer 1

所以动画应该启动权当整个元素通过观察口

底部弹出刚刚好，不完全是。 data-bottom是data-bottom-bottom的缩写，意思是当元素的底部位于视口的底部时。你所描述的是data-bottom-top。

我在Firefox和Chrome上试过它，它看起来和预期的一样。

你可以尝试的一件事是在window.onload上调用refresh()。这将重新计算相对模式。也许当你调用init()有没有加载某些图像，其移动内容向下

编辑（即使你明确设置的IMG元素width和height）：其实，我只是证实，这就是问题所在。您可以通过点击ctrl + f5来强制重新加载进行验证。动画将关闭。如果您现在调整浏览器的大小（内部触发refresh），它可以正常工作。