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

use*_*241 11 html javascript css scroll

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

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

Cha*_*les 14

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

设置目标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部分"文本的页面部分.

  • 另外,请查看[此链接](http://css-tricks.com/snippets/jquery/smooth-scrolling/)为滚动设置动画,而不是立即将用户跳到那里 (2认同)