html - DIvs 中的垂直滚动内容 - 重新加载到顶部

Question

我使用最简单的 HTML“溢出:滚动”类型标记在多个 div 容器中创建滚动条以在滚动中显示文本和图像内容。我在选项卡式内容区域中设置了它，这些区域在选项卡链接中被拉在一起调用 div。我试图弄清楚，如果可能的话，当用户浏览到另一个选项卡然后返回时，如何允许该滚动条重新加载到顶部，准备再次向下滚动。

差不多，加价；

        <li class="newtab">

<!--JS Rollover Button for Tab-->

<a href=#tab13  onMouseOver= "if (document.images) document.tab_recordedattack_off1.src= 'img/Btns/tab_recordedattack_on1.png';" onMouseOut= "if (document.images) document.tab_recordedattack_off1.src= 'img/Btns/tab_recordedattack_off1.png';"><img src="img/Btns/tab_recordedattack_off1.png" name=tab_recordedattack_off1 border=0></a>

<!--End JS Rollover Button for Tab-->

        </li>

    </ul>

    <div class="tab_container">

        <div id="tab13" class="tab_content">

          <div class="tabright">

<div style="border:0px solid black;width:500px;height:400px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;">

我一直在考虑尝试在滚动区域的顶部设置一个简单的 html anchor ，并以某种方式在选项卡链接中调用它 - 但不知道该怎么做。

有什么建议吗？ - 如何将标签式链接指向内容和 anchor ？

Answer 1

您可以使用 jQuery 重置滚动:http://jsfiddle.net/Cqhch/

$("button").click(function(){
        $("div:first").scrollTop(0);
    });