Question

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

Answer 1

你可以将它放在一个包装器中并将overflow：auto添加到包装器中。

<强> 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/

jQuery：调整页面大小时滚动固定元素

1 个答案: