영역 스크롤 질문드립니다.

<div style="width:100px; height:100px; overflow:auto;">

안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>안녕하세요<br>

</div> 

==============================

위 소스처럼 했을 때 세로 스크롤바가 생기는데요.

마우스 휠로 스크롤 하면 스크롤이 됩니다.

문제는 해당 div에 있는 부분만 스크롤 하고 싶은데 div에 있는 스크롤이 마지막까지 가서는 body에 있는 스크롤이 같이 움직여 버리더군요...

div에 있는 스크롤이 다 내려오던 말던 body는 스크롤이 안되게 할 수 있을까요??