bootstrap模态框如何加滚动条-木庄网络博客

2022-04-14 23:07:00 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者爱喝马黛茶的安东尼，侵删。

在html文件的<style></style>标签中加上如下代码：

.modal-dialog {
           position: absolute;
           top: 0;
           bottom: 0;
           left: 0;
           right: 0;
       }
 
       .modal-content {
           /*overflow-y: scroll; */
           position: absolute;
           top: 0;
           bottom: 0;
           width: 100%;
       }
 
       .modal-body {
           overflow-y: scroll;
           position: absolute;
           top: 55px;
           bottom: 65px;
           width: 100%;
       }
 
       .modal-header .close {margin-right: 15px;}
 
       .modal-footer {
           position: absolute;
           width: 100%;
           bottom: 0;
       }