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