2011-10-01 103 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