jquery - jQuery: ページのサイズ変更時に固定要素でスクロールする

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/