尝试让标题贴在页面顶部 - postion:fixed
- 有效
但是在这样做时,正文不能相对于标题放置 - 如果 position:relative
Demo 是可能的
我正在努力实现的目标 -
随滚动移动的粘性标题
一个相对于上面header高度的body(高度是动态的)
到目前为止我做了什么:DEMO
我正在尝试寻找一个纯 CSS(甚至可能吗?)解决方案,但一直没有成功 - 感谢您的帮助
最佳答案
尝试将 padding-top: XXX
添加到 body wrapper div,其中 XXX 等于标题高度。为了使用纯 CSS 实现它(具有固定的标题和可滚动的主体),您必须预先知道标题高度。否则它将覆盖 body div 的顶部。
关于javascript - 粘性 header - 相对于动态 header 长度的正文位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11178931/