一聚教程网:一个值得你收藏的教程网站

bootstrap 弹出框modal添加垂直方向滚轴效果

时间:2018-07-11 18:30:42 编辑:猪哥 来源:转载

效果图预览

bootstrap 弹出框modal添加垂直方向滚轴效果

1. 添加css样式

 .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;}

2.html 代码

   注:style="width:800px;" 这宽度我是根据自己需要添加的 可根据自己要求适当变化 默认不需要添加


  
   
   
    
    
   
   
      
日期 主题 内容 负责人
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶
2018.07.09 弹出框垂直方向添加滚动条 给modal弹出框中添加垂直方向的滚动条 秋风伴落叶

文章评论

热门栏目