要素1
<style>
.scrtop01 div,.scrtop01 p {margin:10px;padding:10px;}
.scrtop01 div {border:solid 1px;height: 100px;overflow: auto;}
.scrtop01 p {background:red;width:100px;height: 300px;}
.scrtop01 span {color:red;font-weight: bold;}
</style>
<script>
$(function(){
$('.scrtop01 div').scroll(function(){
var posi = $('.scrtop01 div').scrollTop();
$('.scrtop01 span').text(posi);
});
});
</script>
<div class="scrtop01">
<div><p>要素1</p></div>
スクロールした要素(div)の上部の位置:<span>0</span>
</div>