在项目中有几个使用bootstrap模态框弹絀问题,在单页面上是居中显示但是嵌套在别的iframe中,弹出的位置在靠近顶部的位置
查阅了一些资料,有几种解决方案1修改bootstrap的js文件,使弹出的位置居中 2在每个页面弹出时修改弹出的位置 3把bootstrap模态框弹出iframe的最外层
在实际操作中,使用第一种方式会影响到其他使用到bootstrap的相關的未知影响,第三种方式我虽然把数据弹到最外层,但是双向绑定的数据不能传递有些使用的插件效果也失效。所以我采用的是第②种方式
可以通过***事件来控制单个模态框弹出位置
我们可以选择show.bs.modal来控制模态框弹出位置,垂直居中可以使用以下是实现代码:
但有時我们页面比较长想要就在浏览的位置弹出,可以利用点小技巧
// 点击事件传入event参数通过enent.clientY可以取到当前点击处到页面顶端的高度 // 但显示嘚地方就正好是点击处,还是不太满意可以使用滚动条的高度来实现