2012-02-04 153 views
2

假设我有以下的HTML:设置“scrollTop的”为通过HTML/CSS(无JavaScript)的溢出元素

<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/

任何人都可以帮助我使它工作吗?非常感谢任何指针!

回答

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仅

+0

好,我看看......对不起,纠正[袖手旁观] – 2012-02-04 02:33:53

+0

有趣 - 我同意这是对我的问题的一个部分回答(如果它是最好的答案,我会给出一个完整的答案)。我会看看是否有其他人有更好的答案(即,可以让您以更为标准的像素设置滚动顶部位置方式),但否则会将您的答案标记为解决方案。 – drcode 2012-02-04 02:39:38

+0

与HTML5,你也可以尝试“自动对焦”,但它只适用于输入标签...为什么你不想使用JavaScript?你可以自己实现scrolltop =“”属性 – 2012-02-04 02:41:25