2011-10-01 107 views
1

我使用最简单的HTML'overflow:scroll'类型标记在多个div容器内创建滚动条,以在滚动内显示文本和图像内容。我已将它设置在选项卡式内容区域内,这些区域被拉到一起,在标签链接中调用div。我试图弄清楚,如果可能的话,当用户浏览到不同的选项卡然后返回 - 以允许滚动条重新加载到顶部,准备再次向下滚动。DIvs中的垂直滚动内容 - 重新加载顶部

非常多,加价;

 <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锚点和莫名其妙的选项卡链接中调用它 - 但无法弄清楚如何做到这一点。

有什么建议吗? - 如何将标签页链接指向内容和定位点?

回答

0

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

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

Rad-感谢,但是这是最好的办法吗?我希望通过标记或CSS来实现这一点,因为我的页面已经被jQuery,Scripts所覆盖,并且已经调用了大量的库,并且有些人希望在我开始优化时远离更多。 –

+0

不幸的是,您不能在没有JavaScript(或iframe)的元素内滚动。 – imsky