自动增加滚动条高度

Question

我使页面上的滚动条始终显示为：

html {
    overflow-y: scroll;
}

另一方面，我还希望在打开比页面长的模式对话框时自动增加滚动条高度。但是，滚动条高度不会自动增加。如果我设置 overflow-y：auto; ，则会使滚动条隐藏为​​我不喜欢的初始状态。有什么想法来解决它吗？

Answer 1

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 */}