如果我的内容不长于视口,那么我希望扩展一个 div 以填补空白,以便标题可以在屏幕外我会解释得更好
我有站点 x,它是一个带有菜单的标题,然后是内容 - 所有这些都滚动 - 底部有一个固定的 div - 25px 高,所以我在我的 30px 内容的底部添加了一个 div - 这允许底部 -大多数内容在滚动到底部时可见
所有页面都有一个通过书签重定向到#sectionB - 到菜单 - 因此隐藏大约 300 像素高度的标题横幅 - 在大多数页面上,这意味着内容仍然会溢出视口 - 在一个或两个页面上,内容不够长,所以书签重定向只能覆盖标题横幅的 200 或 100 像素
一个明显的解决方法是使底部 div 更大,但这会破坏大多数页面的干净效果
http://www.tpfwales.com/preview/home.html#sectionB 是一个较长的页面
http://www.tpfwales.com/preview/info.html#sectionB是一个问题页面
有没有办法让javascript找出视口大小,将其与内容大小进行比较,如果内容大小小于视口大小-将内容底部的div-cbase的值从30px更改到剩余空间加上标题横幅的高度
很抱歉在我对问题的描述中有点混乱。
所以我们有一个标题、菜单、子菜单、内容、追逐——所有这些都可以滚动,然后是永久固定在底部的页脚。当菜单向下的内容长于视口时,30px 的 cbase 是完美的 - 当菜单向下的内容不长于视口时,我希望 cbase 是高度或视口减去菜单向下的内容。如果可能的话,这将在页面调整时进行调整。