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