「jQuery入門」scrollTop()でスクロール位置取得サンプルコード

2017年12月5日

1.JSコード
<script type="text/javascript">
$(document).ready(function(){
$(“.btnAA").click(function(){
$(“div").scrollTop(120);
});
$(“.btnBB").click(function(){
alert($(“div").scrollTop()+" px");
});
});
</script>

2.htmlコード
<div style="border:1px solid black;width:200px;height:200px;overflow:auto">
テストデータ
</div>
<button class="btnAA">テストA</button>
<br />
<button class="btnBB">テストB</button>
</body>
</html>