背景描述:
你有一个列表,都是按钮,用来显示一个弹窗的明细或者报表
问题是这个页面时一个有纵向滚动条的页面,而且嵌在一个iframe里面
问题来了,你点击不同的按钮,弹窗位置不一样。真山寨。
可以这样不那么复杂的方式解决:
我这里用多个是bootstrap的modal
你的把你的modal设置成这样:
<div class="modal hide fade" id="host_chart" style="min-width: 850px;position:fixed;">//position:fixed
JS 显示modal的时候,这样做就可以了;
var chart_ = $('#host_chart');
chart_.modal('show');//显示modal窗口
var scrolltop = $(parent.document).scrollTop();//父类滚动条高度
chart_.css('top',scrolltop+'px');//就是你滚动了多少px你top设定加上去
可以通过scrolltop-40 等进行微调