iframe内弹窗元素距离视窗顶部一定得距离

来源:互联网 发布:网络社会工作局局长 编辑:程序博客网 时间:2024/06/05 07:23

iframe内元素的fiexd属性失效,当iframe内有弹窗时,希望弹窗在当前视窗内出现,就需设置弹窗距离顶部的距离。

该距离为父页面的滚动距离+弹窗距离视窗顶部的距离


举例:

<!--jquery-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="../../js/plugins/layer/layer.js"></script>


$(function() {/* * 当页面处于iframe内时,页面滚动,iframe内fixed属性无效,所以要设置此高度 * 设置ifrmae内元素距离浏览器顶部的距离 *  * *///设置返回弹窗应距离顶部的距离//params numb {int} 自定义距离页面顶部的距离function getTopPx(numb) {var wTop = 0,dft = numb||0;//默认距离顶部为0//在iframe中if(self != top) {   wTop = $(window.parent).scrollTop()+dft;}return wTop;}var wTop = getTopPx(200);layer.msg('成功', {offset: wTop});});

如果是多层嵌套iframe,那就需要修改了

原创粉丝点击