滚动条弹窗固定位置显示

背景描述：

你有一个列表，都是按钮，用来显示一个弹窗的明细或者报表

问题是这个页面时一个有纵向滚动条的页面，而且嵌在一个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 等进行微调