动态内容加载后，扩展列表不移动页脚

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