码上敲享录 > bootstrap简单例子分享 > bootstrap的模态弹出框modal在有滚动条的页面被隐藏了的解决方法

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

章节目录下一章 2017-10-25已有3990人阅读 评论(0)

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

2

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交