折雨的天空

博客介绍:本博客当前共有文章【973】篇,总阅读量【5,229,740】次,第一篇博客发表于【2011年04月06日 10时34分】,距今已【5025】天,感谢您的使用!

您的位置:折雨的天空 >其他技术> iframe标签切换保持鼠标位置

iframe标签切换保持鼠标位置

参考了这篇文章:https://bbs.csdn.net/topics/392438851

里面提到一个原因:

display=none会造成页面重新渲染,当display=block时页面会重新加载,scrollTop就一直为0
其实你完全可以使用visibility=visible|hidden或者opacity=0|1来切换iframe就没问题了。

看了原来的框架,确实是通过display来控制的,改用jquery的show和hide也是不行。

后面通过visibility属性控制,最开始不行,后面通过AI解答发现问题:

当使用 visibility 属性时,元素只是在视觉上显示或隐藏,但它仍然会占据页面空间。如果 iframe 的父元素的布局受到 iframe 大小的影响,即使 iframe 被设置为 visibility: hidden,它所占据的空间仍然存在,可能给人一种 iframe 没有被隐藏的错觉。

AI还是聪明的,使用visibility控制时,需要修改元素高度为0,这样才能达到效果。

------------正 文 已 结 束, 感 谢 您 的 阅 读 (折雨的天空)--------------------

转载请注明本文标题和链接:《iframe标签切换保持鼠标位置

奖励一下

取消

分享不易,烦请有多多打赏,如您也困难,点击右边关闭即可!

扫码支持
扫码打赏,5元,10元,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

-秒后自动关闭,如已打赏,或者不愿打赏,请点击右上角关闭图标。

发表评论

路人甲 表情
看不清楚?点图切换