我之前问过一个类似的问题并且修复成功了,但是现在由于某种原因它已经停止工作了。本质上我正在开发一个网站,您可以找到 here连同样式表 here和 javascript 文件 here .
您会注意到,当您最初在索引页面上展开元素时,页脚/容器的高度会相应地进行修改,但是当您使用左侧栏导航到另一个页面并返回到评分最高的页面时,扩展元素时,页脚/容器不会被修改并保持静态。关于我做错了什么的想法?
最佳答案
只是一个想法,不知道为什么,但这似乎源于您链接到主页的方式:
http://drue.co.uk/1site/index.html - 作品
http://drue.co.uk/1site/index.html#index.html - 不起作用
ajax 页面加载的 hashbang 方法通常被认为是不好的做法,所以我建议要么查看 history api看看你是否遇到同样的问题,或者只是直接从其他页面链接到主页,虽然这会导致整个页面重新呈现,但页面相对较小(加载时大约 250kb)所以这不应该一个大问题(大部分主页可能已经被浏览器缓存)
编辑:
由于某些原因,当通过第二个 url 导航到页面时,div
的 ID 为 inside
<div id="inside" style="height: 367px;">
这似乎已合并到您的 JS 中以用于 ajax 页面加载(页面加载后,div 的高度可能已设置,以便页面正确显示)
我建议从您的 JavaScript 中删除它并在内部 div 上使用一些 for 或 clearfix,例如使用 overflow: hidden
或任意数量的 other methods
关于javascript - 动态内容加载后扩展列表不移动页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15326176/