要素1

スクロールした要素(div)の上部の位置:0
<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>