2014-12-02 37 views
0

ABI有一個div容器div,裏面有另外兩個div比容器div長,所以水平滾動應用於容器。另外,當底部div超過容器的高度時,容器div應該有一個Y軸滾動條。但是當滾動滾動時,只有底部div應該滾動,而頂部div被固定在容器的頂部。這與固定表頭功能類似。我可以使用Jquery,但不能使用Jquery插件。如何在另一個Div內設置水平但垂直固定的Div滾動條

<div id="containerWith-Axpx-Aypx"> 
      <div id="topDivWith-BxpxWidth-20pxHeight"> 

      </div> 
      <div id="bottomDivWith-BxpxWidth-BypxHeight"> 

      </div> 
     </div> 

Axpx < < Bxpx

Bypx >> Aypx

任何意見,將不勝感激。

+1

看到你的HTML和CSS將真正幫助。 – 2014-12-02 13:24:50

+0

爲什麼你不發佈你正在使用的CSS或發佈ajsfiddle? – 2014-12-02 13:51:17

+0

你見過這個嗎? http://stackoverflow.com/questions/3053205/how-create-table-only-using-div-tag-and-css我認爲這會幫助你實現你想要的 – Cito 2014-12-02 13:55:08

回答

0

嗯,你的問題似乎並不足夠清楚,但你可以使用overflow-x:auto;您要水平滾動的div:

#bottomDivWith-BxpxWidth-BypxHeight{ 
    overflow-x:auto; 
} 
相關問題