jquery - jQuery：调整页面大小时在固定元素中滚动

Question

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

Answer 1

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

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/