Question

我正在使用最简单的HTML'overflow：scroll'类型标记，用于在多个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锚点，并以某种方式在标签链接中调用它 - 但无法弄清楚如何做到这一点。

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

Answer 1

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

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

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

1 个答案: