2014-02-12 73 views
0

我在表單元素中添加了overflow-y,因爲它裏面有一些摺疊按鈕。因此,如果用戶打開所有人,如果將垂直擴展到voeport下面,那麼我需要滾動。在窗體上溢出-y在Firefox上不顯示

奇怪的是,這在除Firefox以外的所有瀏覽器都能正常工作。有沒有人有這個問題?你知道如何解決它嗎?

HTML:

<form class="product-filters-categories js-instant-form-submit" method="get" action=""> 
.... ETC 
</form> 

正如許多要求,我會添加一個小提琴。我不知道如何插入jquery使崩潰工作...對不起: http://jsfiddle.net/KE3yu/2/

我希望它有幫助!

CSS:

.product-filters-categories{ 
    height: 100%; 
    padding: 0 30px 60px 30px; 
    overflow-y: auto; 
    overflow-x: hidden; 
} 
+0

演示會在這裏有所幫助 –

+0

嘗試設置容器的最大高度。這樣,默認情況下它不會有滾動條,但會在展開內容時顯示。 – Nix

+0

@Nix表單的高度爲100%。它的容器高度是由jQuery給出的視口高度。所以它有最大數量的像素。這樣,如果內容大於這個像素數量,滾動將最終出現。那麼問題是什麼? –

回答

0

使用overflow-y: scroll;表現出來,而不是使之自動。

+0

然後,即使沒有任何滾動,我也會使滾動不斷顯示。即使如此,它並沒有解決問題... –

+0

我甚至沒有在Chrome中滾動。提供你的情況的演示。 - @ DanielRamirez-Escudero – Nitesh

+0

我在代碼中添加了一個小提琴。我希望它有幫助! –