リンクをクリックし、スクロールバックなしでリンク行に戻ります。

Question

私はcss：overflow：scrollでdivボックスを作成します。私は、ユーザーの後にリフレッシュページの後のリンクをクリックしたが、それはまだbackground-color:#C7C8CAが、私ドンと背景を強調している私は、選択した行にユーザーを返すように行うことができますどのように

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

：ここに私のコードですページを下にスクロールしたくない。私はdivボックス内の選択されたリンクを返すだけです。出来ますか？

Answer 1

ハッシュでIDを渡す必要があります。例えば、#idです。あなたがスクロールし、この行にユーザーをリダイレクトするとしましょう：

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

は、あなたが使用してリダイレクトします：

page.php#s1 

page.phpは、リンクの上に定義されているのと同じページであると考えられます。それは直接スクロール私の答えにあなたを取るでしょう

My Answer

：

---

実施例はここで、以下のリンクをクリックしてください。同技術は、ここで、ここで使用されるURLです。

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

終わりに見られるように、私の答えを含む行のIDです#7845469があります。

Answer 2

あなたはそれをクロスページしていますか？

div内をスクロールできるscrollToプラグインを使用できます。

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

彼らの例はそのように作成されます：あなたはpagereloadにそれをしたい、とダイナミック背景を設定している場合http://demos.flesler.com/jquery/scrollTo/

---

を - そしてちょうど行います

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