页面头部不随滚动条滚动

最新推荐文章于 2025-07-17 12:35:25 发布

转载最新推荐文章于 2025-07-17 12:35:25 发布 · 3.3k 阅读

收录于

JavaScript

当前文章被收录于：

JavaScript

36 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种无需使用脚本即可实现网页头部固定显示的方法，并解决了在不同浏览器（如Firefox和IE）间的兼容性问题。通过特定的HTML和CSS代码片段，可以确保页面头部在滚动时保持位置不变。

让页面头部不随滚动条滚动的办法(无脚本实现时颤动缺点, 兼容firefox和ie):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>  <mce:style></mce:style><style mce_bogus="1"> #header {left:0px;min-height:50px;} body {margin:0px;} .fixed_crossb {position: fixed;} * html .fixed_crossb {position: absolute;} * html body {overflow-y:auto;height:100%;width:98.5%;} div{border:1px solid red;} </style> </head> <body> <div id="header" class="fixed_crossb"> header 页头<br> header 页头<br> </div> <div style="height:1200px;padding-top:100px;"> content 内容<br> content 内容<br> </div> </body> </html>

标签

#html #header #border #div #firefox

#ie