2014-03-14 46 views
0

我一直在閱讀有關如何保持overflow-y scrollbar不斷顯示的主題上的其他問題和結果,以防止頁面之間發生任何尷尬轉換,如果一頁很長,而且一頁很短。css垂直滾動條常量顯示不加倍

以下解決方案建議在大多數的答案:

html { 
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 
} 

這確實讓上通常不會有他們的短頁面滾動條可見,但會,它創建了兩個滾動條長頁面。一個是可滾動的,一個是灰色的,不是。

Image

我想這種解決方案在過去的工作,它可能是新的瀏覽器版本的區別對待它。

是否有任何當前的方式來讓所有頁面上都有一個垂直滾動條,而不管它是否可滾動?

body { 
background: none repeat scroll 0 0 #FFF; 
font-family: Arial, sans-serif; 
font-size: 12px; 
font-weight: normal; 
line-height: 1.5; 
margin: 0; 
padding: 0; 
position: relative; 
overflow: auto; 
height: 100%; 
} 

回答

0

只是改變

html { 
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll; 
} 

這個

body { 
    overflow-y: scroll; 
} 
+0

我想每個單獨的一個,和既不工作。 – Orange

+0

或者只是刪除溢出:-moz-scrollbars-vertical; – Pinki

+0

這就是我所說的我所做的。我嘗試了他們每個人。只是溢出 - Y:滾動;不工作。 – Orange