bootstrap的模态弹出框modal在有滚动条的页面被隐藏了的解决方法

站长手记 作者: 2024-08-27 16:30:01
bootstrap的模态弹出框modal在有滚动条的页面被隐藏了的解决方法

bootstrap的模态弹出框modal在有滚动条的页面被隐藏了的解决方法:

思路就是在模态框弹出之前改变它弹出的位置,具体步骤如下:

下面代码的myModal是弹出框的id,show.bs.modal是bootstrap的东西,整个语句就是给模态框一个绑定事件,在弹出前执行function里面的方法。

注意:$(window)这个对象指的是带有滚动条的页面,如果上一级的页面滚动,那$(window)要改成$(parent.window)。

$('[id="myModal"]').on('show.bs.modal', function () {

$(this).css('top',$(window).scrollTop()+20);

})

本文地址:http://www.yayihouse.com/yayishuwu/chapter/1011

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69642.html
bootstrap 模态框