Html 如何冻结页眉

我的web模板基于div标记。我想冻结标题部分（标题，标志等），我的意思是当你滚动页面的标题应该在固定的位置

 <!--Header and Logo -->
 <div id="outer">
 <div id="header">
   <h1><a href="#">Some Application</a></h1>
   <img src="/media/images/logo.gif"  height="95" width="190">
 </div>

有人能帮我吗？谢谢你想要的。

一个漂亮的CSS属性：

#outer {
  position: fixed;
}

---

尝试使用

位置：固定属性。下面是一个小提琴的例子：
顶部冻结收割台（收割台宽度和对齐方式正确）
位置：固定
使标题静止不动，但远远没有达到当实际的表格标题从屏幕上向上滚动时，我所期望的屏幕顶部标题棒的所有行为，并保持冻结标题的宽度和html与实际表格同步。这个解决方案


声明一个
函数resizeHdr（）

为窗口和占位符设置全局变量，以显示
tblData
顶部在屏幕下方的距离
在
$ready
上，插入一个新的隐藏shell表，该表位于

设置占位符
从
tblData
调用
resizeHdr（）
以填充隐藏的克隆表
设置用于滚动的观察程序：当
tblData
（主表）的顶部经过屏幕顶部时，y滚动显示克隆的标题；当表的底部经过屏幕顶部时，y滚动再次隐藏克隆的标题；x轴滚动会将克隆的标题侧向移动，因为
position:fixed
是固定的
在调整窗口大小以使克隆表的宽度与
tblData


变量距离=0，$window=$（window）；
函数resizeHdr（）{
$（“#tblDataHdr”）.css（“宽度”），$（“#tblData”）.css（“宽度”）；
var oTr=$（“#tblDataHdrTr”）.html（“”；//冻结标题行的短var
$（“#tblData tr”）.first（）.find（“th”）.each（函数（i）{//循环通过标头进行模拟
oTr.append（“”+$（this.html（）+“”）；//以强制宽度复制内容
});
}
$（函数（）{
$（“body”）.prepend（//将冻结的头表html填充到页面的内部/顶部
''+
''
)
距离=$（'#tblData'）.offset（）.top；
var oTr=$（“#trHoldHdr”）；//填充冻结的标题
$（“#tblDataHdr”）.css（{“左边距”：$（“正文”）.css（“右边距”），“右边距顶部”）：-parseInt（$（（“正文”）.css（“边距”）+“px”）；//定位冻结的hder
$（“#tblData tr:first”）.find（“th”）.each（函数（i）{//populate
附加（“+$（this.html（）+”）；
});
resizeHdr（）；
});
$（窗口）。滚动（函数（）{
$（“#tblDataHdr”）.css（“left”，-$（this.scrollLeft（））；//冻结的hdr pos固定不移动并滚动，因此它保持对齐（w/o“-”标题向右滑动的速度是原来的两倍）
如果（$window.scrollTop（）>=距离&&
$window.scrollTop（）虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面发生更改，仅链接的答案可能无效。链接文本就是答案。戈登，我非常喜欢你的方法……但代码不起作用……你得到了什么？它有时会漏掉左边的内容表格的边距。我更新了个人版本，以便在表格底部滚动到窗口顶部上方时重新隐藏冷冻柜。此外，我还添加了变量，以便能够在一个页面上执行多个操作。感谢您的回复…我真的很想使用此代码；在其他任何地方都找不到它。可能我没有将其放在页面的正确位置tly？我得到的效果是它什么都不做。我对JQuery不是很熟悉……请确保JQuery高于此代码，否则$（窗口）将被打破。另外，$（“body”）.prepend（）必须有一个
标记为了工作.Sho'nuf，我复制/粘贴了，正如您报告的那样-没有工作：/所以我一直在使用它，直到现在如果您复制/粘贴它应该可以工作（注意上面的警告）。我添加了代码，在主表底部滚动到窗口顶部上方时隐藏冷冻库表，并将不推荐的：first替换为.first（）当内容比屏幕宽时会发生什么情况，您可以通过x轴滚动查看内容？标题是否随内容一起移动？此外，当内容底部位于屏幕上方时，是否有代码隐藏标题？
#outer {
  position: fixed;
}