基於動態內容的javascript skrollr更新窗口高度

Question

在我的項目中，我有一個長的滾動頁面，它有一個項目網格。當你點擊一個項目時，我會加載該項目，然後滑動打開一個窗口，向下推動項目網格，顯示選定的項目。每個項目將根據內容具有不同的高度。我需要項目網格下方顯示的內容始終顯示在頁面末尾。目前，當網格滑開時，它會滑過「頁腳」內容（底部的粗略示例）。

skrollr文檔說，如果窗口調整大小，您應該調用刷新功能。

我在init上運行這個函數，在項目網格點擊，我沒有看到窗口調整到內容的新高度。 目標是讓項目網格之後的頁腳總是出現幾百個像素，無論它是當前的高度/位置。

http://caava.elusiveform.com/example.html

Answer 1

我不認爲這是skrollr有關。如果您希望頁腳出現在內容之後，請確保它位於文檔流中。您正在使用position:fixed並將其與其他內容混合使用。我建議首先創建沒有skrollr的頁面，然後使用relative mode添加動畫。您使用的skrollr.css文件已過時，不再存在。

在確認頁腳放置正確後，您可以撥打refresh讓您的動畫工作（它們取決於數據結束，哪些更改需要重新計算）。在你的情況，很可能是不夠的：

s.refresh(document.getElementById('footer')); 

順便說一句，在skrollr文件說

改變窗口的大小是由skrollr處理。

refresh僅當您更改DOM並且skrollr無法檢測到時才需要。