페이지의 왼쪽에 100 % 높이로 고정 된 div가 있습니다. 왼쪽 div의 높이를 초과하는 내용을 내부에 배치했습니다. 이제 오버플로 : auto를 추가하여 사용자가 해당 div의 콘텐츠를 스크롤 할 수 있도록 허용 할 수 있지만 고정 div의 콘텐츠를 페이지와 함께 스크롤하고 싶습니다. 이게 CSS로 가능합니까?고정 된 내용의 스크롤 만들기
감사
JSFIDDLE : http://jsfiddle.net/yZmu6/
HTML :
<div id="newsfeed-left">
<div class="green-square"></div>
<div class="blue-square"></div>
<div class="green-square"></div>
<div class="blue-square"></div>
<div class="green-square"></div>
<div class="blue-square"></div>
<div class="green-square"></div>
<div class="blue-square"></div>
<div class="green-square"></div>
</div>
CSS :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#newsfeed-left {
position: fixed;
float: left;
height: 100%;
width: 200px;
padding: 0px 10px 0px 10px;
border-right: 1px solid rgb(228, 228, 228);
}
.green-square {
margin: 10px 0px 0px 0px;
height: 200px;
width: 200px;
background-color: green;
}
.blue-square {
margin: 10px 0px 0px 0px;
height: 200px;
width: 200px;
background-color: blue;
}
아니요 CSS로는 불가능합니다. 이 jQuery 플러그인 http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/을 살펴 보길 권한다. –