CSS 固定左侧导航栏—

HTML

<div class="main">
  <h2>侧栏</h2>
  <p>此侧边栏为全高（100％）并始终显示。</p>
  <p>向下滚动页面查看结果。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
</div>

CSS

JAVASCRIPT