📌  相关文章
📜  HTML |窗口 scrollBy() 方法(1)

📅  最后修改于: 2023-12-03 15:01:15.810000             🧑  作者: Mango

HTML | 窗口 scrollBy() 方法

简介

scrollBy() 方法是用于在当前窗口中滚动内容的 HTML 方法。使用该方法可以向上、下、左、右以及对角线方向进行滚动，同时也可以指定滚动的距离。

语法
window.scrollBy(x-coord, y-coord)

x-coord 和 y-coord 代表指定的像素值，可正可负。参数表示要滚动的像素数。向右滚动用正的 x-coordinates，向下滚动用正的 y-coordinates。

示例
<!DOCTYPE html>
<html>
<body>

<p>你可以使用 scrollBy() 方法来向下滚动窗口。</p>

<button onclick="scrollBy(0, 250)">往下滚</button>

</body>
</html>
效果

当单击“往下滚”按钮时，您会发现屏幕向下滚动 250个像素。您还可以通过指定下面的代码来滚动到左上角。

scrollBy(-250, -250)
总结

scrollBy() 方法是一个很有用的函数，可以让您控制屏幕上正在浏览的内容。您可以在 Web 应用程序中使用它来实现许多功能，例如翻页、触发下一个动画，等等。