iframe多层嵌套引起子表错位

最新推荐文章于 2024-04-25 16:20:24 发布
最新推荐文章于 2024-04-25 16:20:24 发布
阅读量1.1k 收藏
点赞数
文章标签： iframe'
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36706903/article/details/84935608
版权
在iframe多层嵌套的情况下，切换时子层iframe会出现滚动到顶部的错误，表现为子表位置错位。解决方案包括：1) 进入iframe时保存scrolltop值到&_scrolltop属性；2) 切换时将&_scrolltop值赋回给iframe的scrolltop，以保持滚动位置。通过这种方法，可以避免iframe内容错位的问题，继续在代码的海洋中探索和学习。
摘要由CSDN通过智能技术生成

 

bug:iframe多层嵌套的时候，切换时嵌套得子层会自动触发一个滚动到顶部的事件 


这问题我这里表现为：iframe里嵌套得dialog,dialog得ui-content是iframe,然后点击子表，继续在iframe里打开一个dialog，我这里有二层子表，加上原本的iframe，有4层iframe。切换tab时，切换回来，打开得子表位置错位了


正常应该是：


dom结构图：


<

最低0.47元/天 解锁文章
漂亮得皮皮
关注
Selenium 如何处理多层嵌套 iframe
简简单单Onlinezuozuo
10-15 3067
文章目录Selenium 如何处理多层嵌套 iframe1、如果 iframe 里面还套了一个 iframe2、如何不直接回到主文档，而是返回上一层 iframe Selenium 如何处理多层嵌套 iframe 1、如果 iframe 里面还套了一个 iframe 我们可以通过多次切换，进入到对应的 iframe driver.switch_to.frame(frame1) driver.switch_to.frame(frame2) driver.switch_to.frame(frame3) dr
多层嵌入式框架（iframe）使用总结
zhilunchen的专栏
09-22 3816
    在Web开发过程中，为了提高页面架构层次的清晰性和灵活性，应对复杂的页面布局，使用嵌入式框架iframe可能是最有效的解决办法。如果布局比较复杂或页面层次较多，则可能会用到嵌套多层的iframe，然而iframe并不会根据页面高度自动调整自身高度，为了屏蔽滚动条提高视觉效果，就需要使用javascript代码使iframe自动调整高度。    1、单层情况，假设在A.aspx页面的某个
2014-10-28——iframe多层嵌套时获取元素总结
weixin_30752377的博客
10-28 477
同域:父页面获取子页面元素：注意：onload事件jQuery获取：$("iframe").contents().find("holder")......;（嵌套三层，或者更多时）$('iframe').contents().find('iframe').contents().find("iframe")......js获取：window.frames["holder"].contentWindo...
iframe 多层嵌套 无限嵌套 高度自适应的解决方案
09-28
有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应，具体实现如下，感兴趣的朋友可以参考下
iframe 多层嵌套 无限嵌套 高度自适应
gwpJava的专栏
09-18 1137
有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应 A页面                                     onload="this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if
关于解决iframe标签嵌套问题的解决方法
11-21
问题描述 当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否...如果为否，我们就会嵌套一个iframe标签来打开一个相应的
UI自动化Selenium iframe切换多层嵌套
BenZ_X的专栏
01-04 1322
先进入IframeBig，再进入Iframe2，操作A，退出Iframe2，进入Iframe3，操作元素B，退出Iframe2，操作元素C。标签，作用是文档中的文档，或者浮动的框架(FRAME)。Selenium自动化对iframe的操作无非就是：进入iframe和退出iframe；要操作每一个元素，必须先进iframe；综上所述，iframe多层嵌套时，一定要注意当前位于什么位置，否则就会迷失；简单来说，就像房子内的一个个房间一样；先进入IframeBig，再进入Iframe2，然后操作元素A。
关于 iframe 嵌套 问题
四月
11-12 1157
场景：同一页面，为了少写代码。在vue项目中，使用iframe嵌套另一个域名项目下的一个jsp页面，报错 问题为：X-Frame-Options 设置为了SAMEORIGIN。 原理： X-frame-options响应头。赋值有如下三种： （1）DENY：不能被嵌入到任何iframe或frame中。 （2）SAMEORIGIN：页面只能被本站页面嵌入到iframe或者fra...
多层嵌套iframe 自适应高度的解决方法
12-08
多层嵌套iframe 自适应高度的解决方法
多层iframe嵌套之间的函数调用
qq_44381427的博客
11-10 1071
ruoyi中tab、弹窗是以iframe的形式添加到页面上的，这样想要实现类似广播的逻辑，一个iframe可以通知其他iframe做一些操作。 iframe是有自己的window对象的，被调用的iframe
vue项目关于iframe嵌套的相关问题总结（二）
weixin_44900104的博客
09-09 2735
vue项目关于iframe嵌套的相关问题总结（二）
如何优雅的实现 iframe 多层级嵌套通讯
最新发布
u014771745的专栏
04-25 1656
在前端开发项目中，不可避免的总会和iframe进行打交道，我们通常会使用实现消息通讯。iframe父子通讯iframe同层级通讯iframe嵌套层级通讯当面对这种复杂的情况的时候，通讯不可避免成为复杂问题。
页面嵌套多个iframe iframe内嵌页面同名参数混乱问题
black_test的专栏
11-10 1126
页面嵌套多个iframe 各个iframe有统一参数和后台交互。当父页面刷新是，iframe页面参数传递可能发生混乱。 个人解决方案(未优化)： 按次序刷出iframe页面，第一个出现的iframe的src直接添入地址，其他iframe则空置，让后一次有前面出现的iframe来动态刷出后面的iframe。 如：在第一个页面的最下方js代码直接添入window.parent.docu...
iframe嵌套详解
欢迎欢迎
06-29 9498
通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么
使用iframe后，鼠标点击位置和实际点击位置不一致
samll_redhat的博客
12-19 396
在本地启动项目的时候，鼠标指定的元素在iframe上，发现点击事件不起作用了。上线之后，父页面部署的域名和iframe中src的域名一致，就可以准确点击了。结论： 因为iframe域名和父页面域名不一致导致的。点击iframe里面的元素，发现也错位了，
解决iframe中输入框自动完成错位的bug
-==GIVING & SHARING==-
10-10 1263
输入框，则会发现自动提示位置错位，一般是跑到了下面很远的地方，这其实是ie的bug，郁闷了好久终于在网上找到了解决办法。通用解决办法：在标签里加入style="position:relative"就可以了。http://www.cnitblog.com/yemoo/archive/2007/07/27/30772.html 
iframe页面嵌套问题
weixin_57913339的博客
04-20 1749
但当我们在被iframe嵌套的页面里写window.location.href的页面跳转事件时，跳转的那个页面它不会覆盖掉当前的页面，而是被嵌套进iframe里。而不能让iframe内部嵌套的页面覆盖掉当前页面也是有原因的，因为这涉及到了安全性的问题。有iframe的一般都是主页面，如果让外来的页面把主页面覆盖掉，那么这个页面就可以对主页面进行操作，能够获取到主页面的信息。所以iframe內部嵌套的页面进行window.location.href的页面跳转时，跳转到的页面也会嵌套进iframe里面。
iframe 多层嵌套如何解决
05-25
多层嵌套的 iframe 可能会导致一些问题，如性能问题、安全问题等。为了解决这些问题，可以考虑以下几种方法： 1. 减少嵌套层数：如果可能的话，尽量减少嵌套层数，减少嵌套层数可以提高网页性能，同时也可以降低...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值