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,那就需要修改了
阅读全文
0 0
- iframe内弹窗元素距离视窗顶部一定得距离
- JS获得指定元素距离浏览器顶部的距离offsetTop
- Jquery获取元素距离文档顶部的距离
- js判断一个元素距离顶部的距离
- jQuery 实时获取元素距离顶部高度
- Javascript 元素到页面左部和顶部的距离
- js获取一个元素距离浏览器顶部的高度?
- 判断滚动条距离顶部距离
- 距离
- 距离
- 距离
- 距离
- 距离!
- 距离
- 距离
- 距离
- 距离
- 距离
- 文章标题
- 学习
- C语言模式实现C++继承和多态
- flownet2-errors
- 逻辑与和逻辑或运算符重载
- iframe内弹窗元素距离视窗顶部一定得距离
- python中字节、数组、字符串类型的
- 一张图明了Kerberos原理
- HashMap实现原理详解
- Redis 集群搭建详细指南
- 文章标题 CDN 原理
- NANDflash常见问题汇总
- Nginx Cache方面的设置
- unity动作游戏开发笔记