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

顶

1