2010-03-17 120 views
0

當我跳轉到第1部分& 2一切工作正常,我測試的瀏覽器(IE8,FF3.6,Chrome 5.0.342.3)向下滾動到div中的相應錨點。但是當我按下瀏覽器歷史記錄按鈕時,div不會回滾。瀏覽器歷史回滾滾動div

有沒有什麼方法可以使這個工作不使用JavaScript?

<div id="scrolldiv" style="overflow:auto; width:500px; height:500px; border:2px solid #e1e1e1; "> 
<a href="#link1">Jump to section 1</a> <br /> 
<a href="#link2">Jump to section 2</a> <br /> 

<h1 id="link1" name="link1">Section 1</h1> 
<p>lots of text<br />lots of text<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p> 

<h1 id="link2" name="link2">Section 2</h1> 
<p>lots of text<br />lots of text<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p> 

回答

1

你可以嘗試鏈接到/pagename.htm#topofpage那裏是在頁面頂部的錨。任何人在沒有點擊您提供給該頁面的鏈接的情況下訪問了您的信息頁的人都無法獲得該效果,但任何去/pagename.htm#topofpage的人都應該,我認爲(未經過測試)對他們的瀏覽器歷史記錄中的位置敏感附加信息。

而且,與很少的JavaScript,你應該能夠使頁轉到散列它第一次加載時,那麼這將使任何人訪問/pagename.htm/pagename.htm#topofpage。只需插入:

​​

的理論是第一次有人訪問腳本運行時,將其置身於#topofpage頁面,並且後來也不會運行,除非它們刷新。