動態內容加載後，擴展列表不移動頁腳

Question

我以前問過類似的問題，修復工作正常，但由於某種原因它現在已停止工作。基本上我正在開發一個網站，你可以找到here以及樣式表here和javascript文件here。

您會注意到，當最初在索引頁面上展開一個元素時，頁腳/容器的高度會相應地被修改，但是當您使用左側欄導航到其他頁面並返回到最高評分頁面，展開元素時，頁腳/容器不會被修改並保持靜態。任何想法我做錯了什麼？

Answer 1

只是一個想法，不知道爲什麼，但是這似乎從你鏈接到網頁的方式來阻止：

http://drue.co.uk/1site/index.html - 工程

http://drue.co.uk/1site/index.html#index.html - 不工作

的hashbang方法ajax頁面加載通常被認爲是不好的做法，所以我會建議您查看history api並查看是否遇到同樣的問題，或者直接鏈接到其他頁面的主頁，而這會導致整個頁面重新呈現，頁面比較小（關於負荷250KB），因此這不應該是一個巨大的問題（大部分網頁的可能已經被瀏覽器緩存）

編輯：

出於某種原因，通過導航到頁面時第二個URL，該div與inside

<div id="inside" style="height: 367px;"> 

的ID看來，這是納入到你的JS的AJAX pageloads（在頁面加載div的高度設置大概是這樣的頁面顯示正常後）

我建議從你的JavaScript中刪除它，並在內部div上使用一些clearfix。使用overflow: hidden或任意數量的other methods