bootstrap modal插件弹出窗口如何限制最大高度,并且在内容过多时可以滚动显示

.modal-body{

max-height:400px;

overflow-y:auto;

}

只有在modal-body类上限制高度才能起作用,其他地方的限制均不起作用

原文地址:https://www.cnblogs.com/kccdzz/p/10118095.html

时间: 2024-11-03 22:30:17

bootstrap modal插件弹出窗口如何限制最大高度,并且在内容过多时可以滚动显示的相关文章

Extjs4.2如何实现鼠标点击统计图时弹出窗口来展示统计的具体列表信息

1 var pageSize = 20;//初始化每页数据条数 2 var winTitle = '';//初始化窗口标题 3 4 /** 5 *点击统计图时,弹出一个窗口,显示统计的详情列表信息, 6 *该方法为项目中所有的统计图共享,参数type是一个字符串,用于区分是哪个统计图调用的 7 */ 8 function showDetails(type){ 9 10 setWindowTitle(type);//设置窗口标题 11 12 var panel; 13 if (type.split

bootstrap 解决弹出窗口(modal) 常见问题

无法使用键盘esc关闭窗口方法: 首先在modal容器的div中增加属性tabindex="-1",其次设置键盘ESC属性keyboard为true: 方法1:使用js打开窗口时 $("#modal").modal({keyboard:true}) 方法2:使用H5属性在modal窗口的div中增加data-keyboard="true": 点击弹出框(modal)外空白处会关闭弹出窗口(modal): 使用backdrop属性,如果希望有背景则

Bootstrap之javascript插件---弹出框(模态框)Modal

简介: 弹出框是一个经常使用的组件,一般用于弹出提示信息,确认信息,表单内容. 完整结构分析(可以没有头部和底部): 代码示例: <!-- 弹出框的头部 --> <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"&g

自用的弹出窗口jquery插件

现有网上的弹出窗口插件很多, 但发现在项目应用中总会有些功能不能适用, 最后只好自己写一个:插件主要参考了ymPrompt弹窗代码, ymPrompt是JS的弹窗,本插件相当于是ymPrompt的jquery版吧, 不过经过大半年的修改,增加了些功能和作了一些改进: 里面代码并不复杂,希望可以对各位有些用处.附件里面有版本的更新说明, 还有一个弹窗最初版本的调用例子,不过经过修改后,调用方式有点修改.脚本代码 下载地址:http://www.huiyi8.com/sc/8377.html

jQuery插件---轻量级的弹出窗口wBox

Box Demo wBox——轻量级的弹出窗口jQuery插件,基于jQuery1.4.2开发,主要实现弹出框的效果,并且加入了很多有趣的功能,比如可img灯箱效果,callback函数,显示隐藏层,Ajax页面,iframe嵌入页面…… 背景透明度可以根据实际情况进行调节,甚至不设置背景 可以根据需要添加wBox标题 支持设置窗口位置,默认为在中心显示 支持callback函数 支持html内容自定义 img灯箱看图功能 支持在wBox显示#ID的内容 支持Ajax页面内容 支持设置背景,不设

jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题

http://blog.csdn.net/nsdnresponsibility/article/details/51282797 问题如题: 这里我们在父页面定义一个全局的变量来标识是否需要刷新父页面(声明:下图中点击保存页面之后,不关闭子页面):点击1出弹出窗口: 我们的目的是:如果,用户保存过数据:在点击关闭按钮和2处所指的小X时,刷新父列表页面:若果用户没有保存过数据,关闭窗口是不刷新父列表页面. //这里是父页面(列表页面) var isFreshFlag="1";<%-

jsp网页弹出窗口的多种办法

http://blog.csdn.net/huangfoxjava/article/details/2973033 登录|注册     huangfoxjava的专栏 目录视图 摘要视图 订阅 关于jsp网页弹出窗口[很多种方法......] 分类: JSP2008-09-24 14:22 5799人阅读 评论(0) 收藏 举报 jspjavascript框架html脚本浏览器 各种弹出页面的设计 [1.普通的弹出窗口] 其实代码非常简单: <SCRIPT LANGUAGE=javascript

弹出窗口

1.新建模式对话框(浏览器窗口在最顶层): 1 function DotVideo2() { 2 var id = '@ViewBag.TopicsID'; 3 //模式对话框 4 window.showModelessDialog('/ConferenceFront/DocVideoPlay?TopicID=' + id + '', 'newwindow', 'dialogheight:480px;dialogwidth:300px;dialogtop:10px;dialogleft:880p

Js(Jquery)实现的弹出窗口

想实现一个弹出层,过一段时间自动消失的功能. 之前的项目中是:在页面中预先先一个<div>区域,默认隐藏或者因为没有内容不显示.当需要显示信息时,将该<div>填充上内容,并用样式显示在正确的位置上. 今天想找这么一个插件,发了这个:http://tautologistics.com/projects/jquery.modaldialog/ 还不错,可以弹出窗口手动关闭,也可定时关闭. 百度盘:http://pan.baidu.com/s/1qWruV2c 后来再进行搜索,发现了这