我正在努力将 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