<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/261FC83454D7331705" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/2408093354D74FB106" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/24242C3D552F50A61B" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/215D8239550B923E04" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/251EF04B550B9B3A39" /><br>
</div>
<script type="text/javascript">
function j_test(n){
$('.css_test')
.scrollTop( $('.css_test')
.scrollTop() + n );
}
</script>