2012-09-29 76 views
2

我有此代碼設置了「溢出-Y元件」

<div style="width: 400px; height:200px; background-color: #090; overflow-y: scroll"> 
     <p>first</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>aaaaaaaaaa</p> 
     <p>last</p> 
    </div> 

我需要的onclick一些元件的滾動位置,滾動底部(最大底部)自動,即在的onclick一些元件,需要這結果:please see screenshot

請告訴請問怎樣才能做到這一點?

+0

你想要什麼? –

+0

我的代碼的默認結果是滾動div元素的頂部,我需要例如onclick文件,獲取向下滾動div元素(請看截圖) – RIKI

回答

2

使用<p id="last">last</p><a href="#last">Go to #last</a>

<div style="width: 400px; height:200px; background-color: #090; overflow-y: scroll"> 
    <p>first - <a href="#last">Go to #last</a></p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p>aaaaaaaaaa</p> 
    <p id="last">last</p> 
</div> 

​http://jsfiddle.net/bzuPy/

+0

謝謝,並且如果需要文件載入後得到相同的結果,那必須做什麼? – RIKI

+1

我不確定你的意思。如果你需要用Javascript來設置,你可以'location.href =「#last」;'http://jsfiddle.net/bzuPy/1/ –

+0

哦,當然,非常感謝 – RIKI