設置「scrollTop的」爲通過HTML/CSS（無JavaScript）的溢出元素

假設我有以下的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/

任何人都可以幫助我使它工作嗎？非常感謝任何指針！

來源

2012-02-04 drcode

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

來源

2012-02-04 02:27:37

好，我看看......對不起，糾正[袖手旁觀] – 2012-02-04 02:33:53

有趣 - 我同意這是對我的問題的一個部分回答（如果它是最好的答案，我會給出一個完整的答案）。我會看看是否有其他人有更好的答案（即，可以讓您以更爲標準的像素設置滾動頂部位置方式），但否則會將您的答案標記爲解決方案。 – drcode 2012-02-04 02:39:38

與HTML5，你也可以嘗試「自動對焦」，但它只適用於輸入標籤...爲什麼你不想使用JavaScript？你可以自己實現scrolltop =「」屬性 – 2012-02-04 02:41:25

設置「scrollTop的」爲通過HTML/CSS（無JavaScript）的溢出元素

回答

相關問題