2017-03-24 124 views
2

jsfiddle滾動條在模態對話框

而不是使滾動條來整體模態的對話中我怎樣才能使它只模體。我嘗試過幾種方法,如

.modal-dialog{ 
    overflow-y: initial; 
} 
.modal-body{ 
    height: 50%; 
    overflow-y: auto; 
} 

但它沒有在我的情況下工作。

+0

看看我的模態:http://jsfiddle.net/1g76ujxf/ – Mazz

+0

是的這很酷,但是我的模態盒有什麼問題?它甚至沒有關閉關閉(數據關閉)不起作用 –

回答

3

只需添加:

.modal-body{ 
    height: 200px; 
    overflow-y: auto; 
} 

.modal-dialog { 
    z-index: 1050; 
} 

模式疊加(z索引:1050)是模態內容上述和防止滾動。而且你也必須修復高度。

+0

感謝您的幫助,它現在工作完美! –

+0

不客氣。 Upvote如果你想幫助我的聲譽:) – Sandwell