增加滾動條高度自動

我做滾動頁面上一直可見：增加滾動條高度自動

html { 
    overflow-y: scroll; 
}

在另一方面，我也自動希望滾動條高度增加打開一個模態對話框，比頁長的時候。但是，滾動條高度不會自動增加。如果我設置了overflow-y：auto;這使得滾動條隱藏在我不喜歡的初始狀態。任何想法解決它？

來源

2016-09-30 Clint Eastwood

代碼段會很有幫助，特別是當你的代碼不是那麼複雜的時候。 –

Bootstrap's modal通過隱藏身體溢出並使用固定覆蓋圖可以很好地完成此操作。

body.modal-open{overflow:hidden} 
/* this is the overlay */ 
.modal{position:fixed;top:0;bottom:0;left:0;right:0;} 
.modal .modal-dialog{/* taller than window */}

來源

2016-10-01 04:30:02

感謝您的回覆，但我無法完成工作。另一方面，也許我無法解釋問題，我的問題是：打開模式時，正文的滾動條被禁用，無法在正文上導航。我不想要模式滾動條，只想在打開模式時使用滾動條。任何想法？ –

你應該設置一個jsfiddle或codepen，以便我們可以看到你在做什麼。 –

增加滾動條高度自動

回答

相關問題