2012-04-08 69 views
5

我有一個內容高於瀏覽器高度的模式,因此我有一些無法顯示的內容。 (好像模態位置是固定的,不能滾動作爲一個整體)如何使主頁模式滾動

enter image description here

我怎樣才能讓滾動模式與主網頁,這樣我可以實際查看下面的內容?

回答

9

你可以做的是設置模式的CSS position絕對,而不是固定的。

要做到這一點,剛剛拿到模式或ID這樣的類名,並將其設置爲absolute

.modal { 
position: absolute !important; 
} 

,或者甚至更好,編輯主CSS爲您模式(如果你能)並將positionfixed更改爲absolute

的jsfiddle例如:http://jsfiddle.net/hUNZs/

+0

我發現還有另一個不錯的和簡單的解決方案在http://stackoverflow.com/a/34897879/964919 – cbcram 2016-11-23 06:37:33

1

我已經試過<div class="modal myModal"></div>

CSS

.myModal { 
     overflow: auto !important; 
     height: 300px; //set a height to a modal so it wont overlapped when the body tag's height is smaller than the modal 
} 
+0

哎呀,我忘了閱讀「不能滾動作爲一個整體」的一部分。對不起 – 2012-04-08 05:15:10

+2

這似乎與他所尋找的相反。 – coreyward 2012-04-08 05:15:13

+0

我編輯了我的答案......我也有這個問題,我得出結論,當身體的高度比模態的高度高時,模態是可滾動的(只是一個觀察雖然) – 2012-04-08 05:18:39