0

我有一个固定的导航元素,从 0,0 开始,与屏幕的左侧和底部齐平。当屏幕垂直调整到导航中的链接在屏幕上溢出的点时,我希望能够在导航元素中上下滚动。我该怎么做?我尝试过搜索,但我能找到的只是在页面滚动后将元素设置为固定。

4

1 回答 1

0

你可以把它放在一个包装器中,并在包装​​器中添加溢出:自动。

HTML

<div class="sidebar">
<div class="wrapper">
    <ul>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
        <li>item x</li>
    </ul>
</div>
</div>

CSS

html, body {height:100%;}

.sidebar {position:fixed;left:0;top:0;padding:5%;height:90%;background:#eee;}
.wrapper {height:90%;overflow:auto;padding:5%;width:100px;}

ul {margin:0;padding:0;}
li {margin-bottom:30px;list-style:none;}

小提琴示例:http: //jsfiddle.net/36erB/1/

于 2013-10-18T20:06:41.643 回答