html - 如何在不使用 javascript 的情况下设置 DIV 标签的滚动条？

Question

<div id = "nav"></div>

我已经知道如何使用 Javascript(jQUery) 设置该 DIV 的滚动条位置。但我想知道的是如何使用 HTML 或 CSS 属性进行设置，例如

<div id = "nav" scrollTop = "100"></div>

或者

<div id = "nav" style = "scrollTop:100px"></div>

有什么解决办法吗？

Answer 1

如果不使用 javascript，您无法完成此操作以专门转到页面上的确切位置。
但是，您可以做的是：

使用与其关联的样式创建一个 div。你想去的位置。

<div id="top10px"></div>

并将css应用为：

#top10px {position:absolute;top:10px;left:0}

并让这些 div 成为您想要导航到的任何地方，

<div id="top0px"></div>    <div id="top100px"></div>      <div id="bottom0px"></div>

并相应地应用样式。

这是一个小提琴：小提琴