通过HTML / CSS设置“scrollTop”溢出元素(不带javascript)

时间:2012-02-04 02:24:01

标签: html scroll overflow scrolltop

假设我有以下html:

<div style="width:200px;height:200px;overflow:scroll">
  ...
</div>

如果此div中的内容最终溢出,则更改此项的滚动位置的最常用方法是使用jQuery.scrollTop()。但是,我有一种情况,我想使用源HTML设置div的初始滚动位置。有办法做到这一点吗?我在网上看到的所有这些例子最终都是使用javascript。

我试过的一种方法是在元素上写一个scrollTop属性,如下所示:

<div scrollTop=20 style="width:200px;height:200px;overflow:scroll">
  ...
</div>

然而,这不起作用。当然,必须有办法通过HTML / CSS设置溢出项目的初始滚动位置......

以下是此代码的完整版本,说明它不起作用 - 垂直滚动条保持为“0”:http://jsfiddle.net/gueBZ/1/

任何人都可以帮助我让它发挥作用吗?非常感谢任何指针!

1 个答案:

答案 0 :(得分:2)

<div style="width:200px;height:200px;overflow:scroll">
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="hello">autoscroll here</div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

然后以

打开页面
page.html#hello

这是唯一可以做的事情,仅限HTML