我正在努力将Skrollr实施到客户的网站上。我正在使用这样的相对位置：
<div id="deer" data-anchor-target="#benchmark" data-200-bottom="left: -100px" data-bottom="left: 80px"></div>
然而，当我第一次加载页面时，动画似乎无法正常工作。但是在我调整屏幕大小后（例如在Firefox中打开“响应式设计视图”，或打开/关闭Firebug），动画效果似乎正常。
Firefox（Mac）和Google Chrome（Windows）中会出现此问题。在Chrome（Mac）中，这个问题就消失了。
请帮忙看看这个工作演示。我一直试图解决这个问题一整天:( http://goo.gl/scFwV
答案 0 :(得分：3)
停用JavaScript并访问您的网页。您会注意到#benchmark元素更接近顶部。原因很简单：您的图像滑块占用空间，但是skrollr会在此之前计算偏移量。您的动画实际上正在运行，但在动物进入视口之前。
结论：滑块加载完成后调用skrollr.init。或者，您可以拨打refresh（https://github.com/Prinzhorn/skrollr#refreshelements）。
答案 1 :(得分：0)
感谢Prinzhorn的回答。我遇到了同样的问题并通过为我的Flexslider-Container设置固定高度来修复它。