<style type="text/css">
.css_test {
height : 300px;
margin-top : 10px;
overflow : hidden;
}
</style>
아래 버튼을 마구 눌러보세요!<br>
<button type="button"
onclick="j_test(50)">아래로 스크롤</button>
<button type="button"
onclick="j_test(-50)">위로 스크롤</button>
<div class="css_test">
<img src="https://t1.daumcdn.net/cfile/tistory/2509693354D74FB503" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/264E5438555ABF490A" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/22558F38555ABF4405" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/232E7438555ABF4020" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/224D643854D74C4F15" /><br>
</div>
<script type="text/javascript">
function j_test(n){
$('.css_test')
.scrollTop( $('.css_test')
.scrollTop() + n );
}
</script>