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>

并相应地应用样式。

这是一个 fiddle :Fiddle