如何在HTML中向下滚动按钮?

时间:2013-11-05 19:24:26

标签: javascript html css scroll

无法在任何地方找到这方面的教程,或者只是没有使用正确的关键字。 我正在创建一个单页的网站,我希望导航栏按钮向上/向下滚动页面到右边的部分。 这只能在HTML和CSS中实现吗? 我对JavaScript不太熟悉。

与''滚动到顶部'类似,但我可以决定滚动页面的位置,如中间,顶部,底部等。

2 个答案:

答案 0 :(得分:13)

更新:现在有一种更好的方法可以使用HTML id属性:

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

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

这种新方法的好处是可以在任何HTML元素上设置id属性。你不必再在目的地链接周围包装多余的锚标签了!

原始回答:

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

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

一起

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

当用户点击&#34;转到第1部分&#34;时,他们将被发送到页面中&#34;部分1&#34;显示文字。

答案 1 :(得分:0)

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

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