「JavaScript」window.scrollのサンプル

2021年8月11日

書式
window.scroll(x-coord,y-coord)
x-coord : 左上を基準とした、表示させたい文書の水平軸上のピクセル
y-coord : 左上を基準とした、表示させたい文書の垂直軸上のピクセル
ウィンドウを文書内の特定の位置までスクロールします。

使用例1
<!– 垂直ピクセル上にウィンドウの最上部を配置します。 –>
<button onClick="scroll(0, 200);">200ピクセル下にスクロールする</button>

使用例2
window.scroll(0,document.body.scrollHeight);

使用例3
スクロールを変更

window.scroll({
  top: 800,
  behavior: "smooth"
});

 

JavaScript

Posted by arkgame