模态框(modal)自动居中
程序员文章站
2022-03-26 22:48:52
// 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); }
上一篇: Python生成器和迭代器
下一篇: Oracle修改表空间大小的方法
推荐阅读
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
-
Bootstrap 过渡效果Transition 模态框(Modal)
-
Bootstrap模态框(Modal)实现过渡效果
-
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
-
重置 Bootstrap modal 模态框数据
-
react-native自定义Modal模态框|仿ios、微信弹窗RN版
-
Bootstrap 模态框(Modal)带参数传值实例
-
angularJS模态框$modal实例代码
-
浅析BootStrap中Modal(模态框)使用心得
-
BootStrap点击保存后实现模态框自动关闭的思路(模态框)