模态框(modal)自动居中
程序员文章站
2022-07-02 17:12:47
// modal对用户可见 $('.modal').on('shown.bs.modal', function () { modalOnResize(this); }) // 浏览器窗口大小改变事件 window.onresize = function(){ // 已显示modal var node ......
// modal对用户可见 $('.modal').on('shown.bs.modal', function () { modalOnResize(this); }) // 浏览器窗口大小改变事件 window.onresize = function(){ // 已显示modal var node = $(".modal:visible"); if (node.length) { modalOnResize(node); } } function modalOnResize(node){ var modalHeight = ($(window).height() - $(node).find('.modal-dialog').height()) / 2; $(node).find('.modal-dialog').css('margin-top', modalHeight); }
上一篇: PHP学习之观察者模式
下一篇: 一个帐号同一时间只能一个人登录
推荐阅读
-
BootStrap中的模态框(modal,弹出层)功能示例代码
-
关于angularJS模态框$modal的示例代码分享
-
BootStrap的modal模态框的使用
-
react-native自定义Modal模态框|仿ios、微信弹窗RN版
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
-
Bootstrap 过渡效果Transition 模态框(Modal)
-
Bootstrap模态框(Modal)实现过渡效果
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
-
重置 Bootstrap modal 模态框数据
-
react-native自定义Modal模态框|仿ios、微信弹窗RN版