我正在使用 Skrollr 插件 ( https://github.com/Prinzhorn/skrollr ) 使用相对模式来开始和结束我的动画。在 IE 中一切正常，但动画在 Safari 和 Chrome 中出现较早，在 Firefox 中出现较晚。我使用 data-bottom 作为起点，使用 data-center 作为终点。所以动画应该在整个元素刚刚从视口底部弹出并在视口中心结束时开始。
这是网站，您可以在“为什么妈妈事工”部分下的 div id="div56709" 下看到动画。
http://group.com/womens-ministry/where-moms-connect
任何关于为什么会发生上述问题的想法将不胜感激。
所以动画应该在整个元素刚刚从视口底部弹出时开始
嗯，不完全是。是元素底部位于视口底部时的data-bottom缩写data-bottom-bottom，表示元素的底部。你描述的是。data-bottom-top
我在 Firefox 和 Chrome 中尝试过，它看起来和预期的一样。
您可以尝试的一件事是调用refresh()window.onload。这将重新计算相对模式。也许当您调用时init()，有些图像未加载，它们会将内容向下移动（即使您明确设置width了heightimg 元素。）
编辑：事实上，我只是验证了这是问题所在。您可以通过按 ctrl+f5 来强制重新加载来验证。动画将关闭。如果您现在调整浏览器的大小（refresh内部触发），它可以工作。