點擊一個鏈接並返回到沒有向後滾動的鏈接行

我用css：overflow：scroll創建一個div框。這裏是我的代碼：點擊一個鏈接並返回到沒有向後滾動的鏈接行

<div id="resultbox" style="overflow:auto"> 
    <div id="abc"><a id="p1" href="123.php" class="fac_result" >abc</a> 
     <a id="p2" href="456.php" class="fac_result" >def</a> 
     <a id="p3" href="789.php" class="fac_result" >ghi</a> 
    </div> 
    <div id="ccc"> 
     <a id="pt1" href="123.php" class="fac_result" >123</a> 
     <a id="pt2" href="456.php" class="fac_result" >456</a> 
     <a id="pt3" href="789.php" class="fac_result" >789</a> 
    </div> 
    <div id="kkk"> 
     <a id="s1" href="ddd.php" class="fac_result" >wer</a> 
     <a id="s2" href="fff.php" class="fac_result" style="background-color:#C7C8CA">fff</a> 
     <a id="s3" href="ggg.php" class="fac_result" >ggg</a> 
    </div> 
    <div id="opo"> 
     <a id="t1" href="qqq.php" class="fac_result" >rrr</a> 
    </div> 
</div>

我怎麼能做到這一點，一個用戶後，點擊頁面刷新後的鏈接，但它仍然會返回用戶被高亮背景background-color:#C7C8CA不過我還是要說，我只是選擇的行不希望向下滾動頁面。我只是想讓它回到div框中的選定鏈接。可能嗎？

來源

2011-10-21 user610983

您需要通過散列傳遞id，例如#id。讓我們假設你想用戶重定向到該行滾動：

<a id="s1" href="ddd.php" class="fac_result" >wer</a>

你會使用重定向：

page.php#s1

page.php應該是其中上面的鏈接是指在同一個頁面。

工作的例子就是在這裏，請點擊以下鏈接：

My Answer

它會帶你到我的答案直接滾動。同樣的技術用在這裏，這裏是網址：

https://stackoverflow.com/questions/7844837/ 
click-on-a-link-and-go-back-to-the-link-row-without-scroll-back/7845469#7845469

如能在年底看到，有#7845469這行包含我的回答的ID。

來源

2011-10-21 05:53:27 Sarfraz

號那不是我想要的。我想要一個頁面刷新後只滾動回到裏面的div。 – user610983

你在做跨頁嗎？

您可以使用scrollTo插件，它可以在div內滾動。

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

他們的實例所創建的方式：http://demos.flesler.com/jquery/scrollTo/

如果你想它pagereload，並設置背景動態 - 然後就去做：

$('resultbox').scrollTo($('a[background-color=#C7C8CA]'));

來源

2011-10-21 05:56:39

這也許對我不起作用。因爲點擊一個鏈接後整個頁面都需要刷新。 – user610983

更新後的帖子:-) –

點擊一個鏈接並返回到沒有向後滾動的鏈接行

回答

相關問題