Javascript 单击一个链接并返回到链接行,而不向后滚动

Javascript 单击一个链接并返回到链接行,而不向后滚动,javascript,jquery,scroll,hyperlink,Javascript,Jquery,Scroll,Hyperlink,我用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>

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


我如何做才能让用户在页面刷新后单击链接,但它仍会将用户返回到我刚才选择的行,该行以背景色突出显示:#C7C8CA,但我不希望向下滚动页面。我只想它把我带回的div框内选定的链接只。可能吗

您需要通过哈希传递id,例如
#id
。假设您要将用户重定向到此滚动的行:

<a id="s1" href="ddd.php" class="fac_result" >wer</a>
php应该是定义上述链接的同一页面


工作示例就在这里,请单击以下链接:

它会把你带到我直接滚动的答案。此处使用相同的技术,以下是url:

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

从结尾可以看出,有一个
7845469
,它是包含我的答案的行的id。

您是跨页操作的吗

您可以使用scrollTo插件,它可以在div中滚动

他们的例子就是这样创建的:


如果您想在页面上重新加载,并且正在设置背景动态,则只需执行以下操作:

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

这也许对我不起作用。因为在点击链接后,整个页面需要刷新。否。这不是我想要的。我想在页面刷新后只滚动回内部div。
$('resultbox').scrollTo($('a[background-color=#C7C8CA]'));