点击一个链接并返回到没有向后滚动的链接行

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

更新后的帖子:-) –

点击一个链接并返回到没有向后滚动的链接行

回答

相关问题