粘边导航/面板

时间:2016-06-17 18:36:15

标签: html css

所以我只想让侧面导航器坚持定位高度并在用户向下移动页面时滚动,但绝对,相对/固定的组合似乎无效。

这是CSS

 <div class="side-panel b">
      <ul>
       <li><a href="#home"><span class="entypo-plus-circled"></span><span class="menu-item">Home</span></a>
        </li>
        <li><a href="#Environment"><span class="entypo-plus-circled"></span><span class="menu-item">Environment</span></a>
        </li>
        <li><a href="#Certification"><span class="entypo-mail"></span><span class="menu-item">Certification</span></a></li>
          <li><a href="#NAHB"><span class="entypo-doc-text-inv"></span><span class="menu-item">NAHB</span></a></li>
          <li><a href="#FAQs"><span class="entypo-layout"></span><span class="menu-item">FAQs</span></a></li>
      </ul>
    </div>

这是HTML:

{{1}}

1 个答案:

答案 0 :(得分:0)

这是你想要做的吗? https://jsfiddle.net/bgandy94/xLvtkud2/

我刚刚将.b > ul标记更改为固定位置,它会像您提到的那样滚动页面。