如何在右侧滚动时在左侧制作菜单

Question

与this一样。我认为这是一个框架，但显然不是。

Answer 1

in css：position: fixed

Answer 2

你需要CSS。尝试类似：

#menu {
    left: 20px;
    position: fixed;
    top: 20px;
    width: 200px;
}

根据需要调整值。

Answer 3

这将为您提供200PX高的固定页眉和页脚，200PX宽左导航和可滚动内容区域。这是一个demo http://jsbin.com/afesa3/2/edit

<div id="header" style="position:absolute; top:0px; left:0px; height:200px;right:0px;overflow:hidden;background-color:#FF0000">
    Header
</div>
  <div id="leftNav" style="position:absolute; top:200px; bottom:200px; left:0px; width:200px; overflow:hidden; background-color:#00FF00" >Left Nav</div>
  <div id="rightContent" style="position:absolute; top:200px; bottom:200px; left:200px; right:0px; overflow:auto;background-color:#0000FF">Right Content</div>
  <div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px; right:0px; overflow:hidden;background-color:#FF0000"></div>