Scrollorama視差爲響應網站

Question

我工作的一個網站，我試着去使用的JS插件scrollorama - http://johnpolacek.github.io/scrollorama/

我已經設置了對現場精細插件，除了我的div百分比完成和調整根據窗口大小，顯然它不適用於視差插件。插件絕對定位divs並給定像素的「top」屬性。在調整大小時，它不會改變，並且會導致divs在它們之間存在差距。

我在另一個SO問題上發現了一個可能的解決方案，但是當試圖改變爲我的網站工作時，它似乎沒有做任何事情。這是插件JS - Pastebin JS

SO Question

總的來說，我想一個類添加到div節，並有屏幕尺寸/百分比計算必要的CSS屬性。

而且我注意到在控制檯日誌中的錯誤，它也可以被實現的東西 - 遺漏的類型錯誤：無法讀取屬性未定義的「腳」 - 在線路313

Answer 1

對於最後一點，我也有「Uncaught TypeError：無法讀取未定義的屬性'pin'錯誤 - 問題是在我原來的scrollorama調用中，我針對的是我想動畫的塊。

爲了修正它，我添加稱爲#blocks容納所有各個塊父容器，然後把它稱爲從而：

var scrollorama = $.scrollorama({ 
    blocks: '#blocks' 
});