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

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,那就需要修改了

猜你喜欢

转载自blog.csdn.net/m0_37649018/article/details/76260637