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

Question

有人可以帮助我我正在搜索 css/html 代码示例：

我有一个带有 3 个按钮（顶部、中间、底部）的网页，每个按钮指定到我页面上的 1 个 div 部分，假设我的第一个 div 部分位于该页面的中间 div id='middle' 。

如果我单击此按钮（中间），我的页面会自动从页面顶部向下滚动到 div #middle 部分。

与 div id='top' 和 div id='bottom' 相关的其他按钮相同

感谢转发！我真的无法在互联网上找到任何解决方案。

有没有办法让我的按钮列表保持在固定位置，以便它在浏览各个部分时保留在屏幕上？

原文由 JayD 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于真正基本的东西，使用这个：

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

或者对于 javascript 中的一些简单的东西，请查看这个 jQuery 插件 ScrollTo 。对于平滑滚动非常有用。

原文由 Ryan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试这个：

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

原文由 Waqleh 发布，翻译遵循 CC BY-SA 3.0 许可协议