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），它可以正常工作。