2012-09-12 12 views
0

我想將導航欄修復到瀏覽器窗口的頂部,但是允許水平滾動導航項目,導航項目可能溢出瀏覽器寬度減少。一個例子是gmail導航欄被固定在頂部,但當窗口寬度減小時仍然可以水平滾動。將div固定到窗口頂部,同時允許在窗口調整大小的情況下進行水平滾動溢出

目前我使用下列CSS的,修正了div來頂,但不允許水平滾動,因爲它是固定的股利(試圖溢出:滾動,但不會做任何事情):

position: fixed; 
top:0 
overflow:scroll;//does nothing 

回答

0

如果你給它一個rightleft價值,它應該滾動:http://jsbin.com/edopor/4/edit

+0

謝謝,但我在瀏覽器的底部尋找一個單一的滾動條,而不是一個頂部和另一個底部。一個例子是Gmail中的導航欄,當你瀏覽器的寬度爲 – prostock

+1

在這種情況下,我相信這裏有一個答案:http://stackoverflow.com/questions/12291226/fix-header-to-top-of-page-用水平滾動/ 12291301#12291301然後我讀了一個相同的方式:( – tuff

+0

謝謝。那工作 – prostock

0

如果overflow:auto;不工作,它可能是其缺乏的doctype。

+0

此外,它可能有助於設置寬度和高度。這可能是爲什麼它不工作。 – CDizzle

相關問題