javascript - 如何使按钮在 HTML 中向下滚动页面？

Question

在任何地方都找不到这方面的教程，或者只是没有使用正确的关键字。我正在制作一个单页网站，我希望导航栏按钮可以将页面向上/向下滚动到右侧。这在 HTML 和 CSS 中是否可行？
我对 JavaScript 不是很有经验。

类似于“滚动到顶部”，但我可以决定它滚动页面的位置，例如中间、顶部、底部等。

Answer 1

更新：现在有一个更好的方法来使用它，使用 HTMLid属性：

设置目的地ID：<h1 id="section1">Section 1</h1>

并使用锚标签创建指向该目的地的链接：<a href="#section1">Go to section 1</a>

这种新方法的好处是id可以在任何 HTML 元素上设置属性。您不必再在目标链接周围包裹多余的锚标记！

原答案：

您可以查看使用 HTML 锚标记。

<a name="section1">Section 1</a>

旁边

<a href="#section1">Go to section 1</a>

当用户单击“转到第 1 部分”时，他们将被发送到显示“第 1 部分”文本的页面部分。

Answer 2

使用window.scrollTo你可以像这样向下滚动你的页面

window.scrollTo(0,document.body.scrollHeight);