html/css按钮，可向下滚动至网页上的不同div部分

有人能帮我搜索

css/html

code示例：

我有一个网页，上面有3个按钮（顶部、中间、底部），每个页面上指定了1个div部分，假设我的第一个div部分在该页的中间：代码> div id＝“中间”< /代码> .< 如果我点击这个按钮（中间），我的页面将自动从顶部向下滚动 从我的页面转到

div#middle

部分

与div

id='top'

和div

id='bottom'

谢谢转发！我真的在网上找不到任何解决办法

有没有办法让我的按钮列表保持在一个固定的位置，这样它就可以在屏幕上显示了 浏览各个部分？

尝试以下操作：

<input type="button" onClick="document.getElementById('middle').scrollIntoView();" />

---

对于一些真正基本的东西，请使用以下方法：

<a href="#middle">Go To Middle</a>

或者要了解javascript中的一些简单内容，请查看这个jQuery插件。对于平滑滚动非常有用。

HTML

<a href="#top">Top</a>
<a href="#middle">Middle</a>
<a href="#bottom">Bottom</a>
<div id="top"><a href="top"></a>Top</div>
<div id="middle"><a href="middle"></a>Middle</div>
<div id="bottom"><a href="bottom"></a>Bottom</div>

---

示例

在不使用javascript的情况下，有一种更容易获得平滑滚动效果的方法。 在CSS中，只需将整个html标记作为目标，并赋予其滚动行为：平滑；

html{
滚动行为：平滑；
}
a{
文字装饰：无；
颜色：黑色；
} 
#向下{
利润率最高：100%；
垫底：25%；
}

你倒下了！
你是在寻找一个需要JavaScript的动画卷轴，还是由书签锚引起的标准跳转行为？我需要一个简单的跳转动作，但有人已经给了我答案，谢谢你。太好了！很高兴我能帮忙。请选择答案？在最后3个选项中使用
id=“top”
不是更好吗？@steebchen，Nooo。。。这将完全破坏程序，因为第一个链接将链接到3个元素，而不是一个元素，而其他链接将不起任何作用。@edwardtyl我不知道我为什么写这篇评论。。我肯定我的意思是不同的，但我不记得更好了，@Magicode它也适用于div和几乎所有其他元素。我们可以在课堂上这样做吗？class='middle'@jned29类通常用于多个元素。这不是一个好主意。遗憾的是，浏览器支持仍然有点弱，特别是如果你想使用“平滑”选项。回答得很好，没人提到，没问题！很高兴我能帮忙！谢谢你！帮助我完成我的网站：）
#top,#middle,#bottom{
    height: 600px;
    width: 300px;
    background: green; 
}