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 ），它將起作用。