javascript - 绝对定位的 div，页面的其余部分可滚动

Question

我希望页面顶部的 div 不会移动，但我希望页面下方的其余部分可以滚动。滚动条只能从 div 下方开始。

这可能不使用框架

提前致谢

Answer 1

html

<div id="main">
<div id="header"> Header Content</div>    
<div id="content">
    <ul><li>Hello World!!! </li>
        <li>Hello World!!! </li>
        <li>Hello World!!! </li>
        <li>Hello World!!! </li>
        <li>Hello World!!! </li>           
        </ul>
</div>

css

      body { margin: 0;}
#main{
   position: absolute;
   width: 100%;
   top: 0;
   bottom: 0;}
#header
{
position: absolute;
height: 41px;
top: 0;
left: 0;
right: 0;
text-align:center;
display:block;
background: blue;
}
#content
{
    position: absolute;
    top: 41px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y:scroll;               
}


li{
    text-decoration: none;
    display: block;
    height: 20px;
   padding: 20px; 

}

演示更新

Answer 2

是的，你可以做到

.some-class {
    position: fixed;
    top: 0
    ...
}