★.scrollTo(♦, ♢) 指定位置にスクロールする
| ★・・・Windowオブジェクト（ウィンドウ名）【省略可】 ♦・・・X座標 ♢・・・Y座標 |
スポンサーリンク
ページの内容をスクロールさせるメソッドです。座標や変更量はピクセル単位で指定します。
scrollToメソッド
(♦, ♢)で指定した座標位置にスクロールし、ページの内容を表示します。
下記に例を用意してみました。1から100までの数字を縦1列に並べて表示させたページで、ボタンを押した際にscrollToの動作確認ができます。
スポンサーリンク
<html>
<head>
<title>JavaScript Sample</title>
<script type=”text/javascript”>
function clickScroll() {
// 座標(0, 500)にスクロールさせます。
window.scrollTo(0, 500);
}
</script>
</head>
<body>
<input type=”button” value=”scroll” onclick=”clickScroll();”>
<table>
<script type=”text/javascript”>
for (let i = 1; i <= 100; i++) {
document.write(‘<tr>’);
document.write(‘<td>’, i, ‘</td>’);
document.write(‘</tr>’);
}
</script>
</table>
</body>
</html>
<head>
<title>JavaScript Sample</title>
<script type=”text/javascript”>
function clickScroll() {
// 座標(0, 500)にスクロールさせます。
window.scrollTo(0, 500);
}
</script>
</head>
<body>
<input type=”button” value=”scroll” onclick=”clickScroll();”>
<table>
<script type=”text/javascript”>
for (let i = 1; i <= 100; i++) {
document.write(‘<tr>’);
document.write(‘<td>’, i, ‘</td>’);
document.write(‘</tr>’);
}
</script>
</table>
</body>
</html>
スポンサーリンク
