스크롤, 위치값

by Kim Ara

HTML

<div>
  <span class="item01">scrollLeft</span>
  <span class="item02"></span>  
</div>
<div>
  <span class="item03">scrollTop</span>
  <span class="item04"></span>  
</div>

<div class="demo">
  <h1>lalala</h1>
  <p>Hello</p>
</div>

CSS

div.demo { background:#CCCCCC none repeat scroll 0 0; border:3px solid #666666; margin:5px; padding:5px; position:relative; width:200px; height:100px; overflow:auto; }
p { margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px; }

JavaScript

$(document).ready(function(){

	var test01 = $('.item01');
  $('.item02').text(test01.scrollLeft());

	var test02 = $('.item03');
  $('.item04').text(test02.scrollTop());

	$("div.demo").scrollLeft(300);
  //$("div.demo").scrollTop(300);
  
  
});