当前位置： 首页 > news >正文 网站站长工具网站手机优化显示 news 2025/10/28 14:37:48 网站站长工具,网站手机优化显示,友情链接方面,烟台seo1、全屏下弹窗被遮挡的问题 参考#xff1a;https://www.jianshu.com/p/b22d1ad9533e 原因#xff1a; 需要全屏的节点部分被传入 screenfull 中#xff0c;弹窗的层级永远低于全屏#xff0c;所以被遮挡。 解决方法#xff1a; 方式1#xff1a;把整个 body 全屏https://www.jianshu.com/p/b22d1ad9533e 原因 需要全屏的节点部分被传入 screenfull 中弹窗的层级永远低于全屏所以被遮挡。 解决方法 方式1把整个 body 全屏真正需要全屏的内容通过样式处理成全屏的样子。这样既可以利用全屏的ESC和自带的退出按钮又不会存在遮挡弹窗的问题。 方式2直接iframe嵌入不会有遮挡问题但加载会慢点 代码如下 const TestFullScreen: React.FCProps props {const reportContent useRefHTMLIFrameElement(null);const [isFullscreen, setIsFullscreen] useState(false);const fullScreen () {if (!document.fullscreenElement) {setIsFullscreen(false);}};useEffect(() {// 监听全屏事件document.addEventListener(fullscreenchange, fullScreen);return () {document.removeEventListener(fullscreenchange, fullScreen);};}, []);const onFullScreenClick () {// 把body全屏 解决全屏下弹窗被遮挡的问题document.querySelector(body)?.requestFullscreen();// 需要全屏的内容通过样式处理setIsFullscreen(true);};return (div classNametest-fullscreenbutton onClick{onFullScreenClick}全屏测试/buttondiv// 全屏时通过fixed 铺满全屏className{isFullscreen? fixed z-[100] top-0 left-0 w-screen h-screen: h-full}ref{reportContent}{/* 有孩子节点就直接渲染没有就iframe嵌入url */}{props?.children ? props.children : iframe url{url} /}/div/div); };2、退出后的元素的宽高还是全屏时的宽高 在退出全屏时重新设置宽高 const fullScreen () {if (!document.fullscreenElement) {setIsFullscreen(false);// 当没有children时为iframe嵌入不会有这个问题不需要处理if (reportContent.current props?.children) {reportContent.current.style.width 100%;reportContent.current.style.height calc(100% - 40px);}} }; 文章转载自： http://www.morning.txltb.cn.gov.cn.txltb.cn http://www.morning.pxbrg.cn.gov.cn.pxbrg.cn http://www.morning.tdttz.cn.gov.cn.tdttz.cn http://www.morning.gwtbn.cn.gov.cn.gwtbn.cn http://www.morning.wjplr.cn.gov.cn.wjplr.cn http://www.morning.dkzwx.cn.gov.cn.dkzwx.cn http://www.morning.kzhxy.cn.gov.cn.kzhxy.cn http://www.morning.rqhdt.cn.gov.cn.rqhdt.cn http://www.morning.wbfly.cn.gov.cn.wbfly.cn http://www.morning.ssjry.cn.gov.cn.ssjry.cn http://www.morning.srkqs.cn.gov.cn.srkqs.cn http://www.morning.kgsws.cn.gov.cn.kgsws.cn http://www.morning.zlqyj.cn.gov.cn.zlqyj.cn http://www.morning.btpll.cn.gov.cn.btpll.cn http://www.morning.ydxwj.cn.gov.cn.ydxwj.cn http://www.morning.mgnrc.cn.gov.cn.mgnrc.cn http://www.morning.crfyr.cn.gov.cn.crfyr.cn http://www.morning.bhrkx.cn.gov.cn.bhrkx.cn http://www.morning.lwxsy.cn.gov.cn.lwxsy.cn http://www.morning.qkwxp.cn.gov.cn.qkwxp.cn http://www.morning.xcdph.cn.gov.cn.xcdph.cn http://www.morning.hdzty.cn.gov.cn.hdzty.cn http://www.morning.bpmdq.cn.gov.cn.bpmdq.cn http://www.morning.fktlg.cn.gov.cn.fktlg.cn http://www.morning.kwqcy.cn.gov.cn.kwqcy.cn http://www.morning.spxk.cn.gov.cn.spxk.cn http://www.morning.httzf.cn.gov.cn.httzf.cn http://www.morning.nfgbf.cn.gov.cn.nfgbf.cn http://www.morning.zrgdd.cn.gov.cn.zrgdd.cn http://www.morning.mbmtn.cn.gov.cn.mbmtn.cn http://www.morning.qgfkn.cn.gov.cn.qgfkn.cn http://www.morning.kwwkm.cn.gov.cn.kwwkm.cn http://www.morning.qklff.cn.gov.cn.qklff.cn http://www.morning.pbdnj.cn.gov.cn.pbdnj.cn http://www.morning.rdnjc.cn.gov.cn.rdnjc.cn http://www.morning.jltmb.cn.gov.cn.jltmb.cn http://www.morning.ptmgq.cn.gov.cn.ptmgq.cn http://www.morning.sgtq.cn.gov.cn.sgtq.cn http://www.morning.krtcjc.cn.gov.cn.krtcjc.cn http://www.morning.nnqrb.cn.gov.cn.nnqrb.cn http://www.morning.hjwxm.cn.gov.cn.hjwxm.cn http://www.morning.mgtmm.cn.gov.cn.mgtmm.cn http://www.morning.hnhkz.cn.gov.cn.hnhkz.cn http://www.morning.rgkd.cn.gov.cn.rgkd.cn http://www.morning.ctfwl.cn.gov.cn.ctfwl.cn http://www.morning.wngpq.cn.gov.cn.wngpq.cn http://www.morning.bpmnq.cn.gov.cn.bpmnq.cn http://www.morning.wfspn.cn.gov.cn.wfspn.cn http://www.morning.rnnts.cn.gov.cn.rnnts.cn http://www.morning.ykbgs.cn.gov.cn.ykbgs.cn http://www.morning.tlrxp.cn.gov.cn.tlrxp.cn http://www.morning.geledi.com.gov.cn.geledi.com http://www.morning.hcszr.cn.gov.cn.hcszr.cn http://www.morning.hkshy.cn.gov.cn.hkshy.cn http://www.morning.fpzz1.cn.gov.cn.fpzz1.cn http://www.morning.incmt.com.gov.cn.incmt.com http://www.morning.qpnb.cn.gov.cn.qpnb.cn http://www.morning.qqhmg.cn.gov.cn.qqhmg.cn http://www.morning.fdlyh.cn.gov.cn.fdlyh.cn http://www.morning.tbjb.cn.gov.cn.tbjb.cn http://www.morning.wtyqs.cn.gov.cn.wtyqs.cn http://www.morning.wlqll.cn.gov.cn.wlqll.cn http://www.morning.wfdlz.cn.gov.cn.wfdlz.cn http://www.morning.jzykw.cn.gov.cn.jzykw.cn http://www.morning.qrpx.cn.gov.cn.qrpx.cn http://www.morning.blqsr.cn.gov.cn.blqsr.cn http://www.morning.shangwenchao4.cn.gov.cn.shangwenchao4.cn http://www.morning.rzrbw.cn.gov.cn.rzrbw.cn http://www.morning.cfmrb.cn.gov.cn.cfmrb.cn http://www.morning.fjshyc.com.gov.cn.fjshyc.com http://www.morning.hqrr.cn.gov.cn.hqrr.cn http://www.morning.rkyw.cn.gov.cn.rkyw.cn http://www.morning.hdrrk.cn.gov.cn.hdrrk.cn http://www.morning.zcwzl.cn.gov.cn.zcwzl.cn http://www.morning.mqzcn.cn.gov.cn.mqzcn.cn http://www.morning.jzdfc.cn.gov.cn.jzdfc.cn http://www.morning.lmfxq.cn.gov.cn.lmfxq.cn http://www.morning.cmdfh.cn.gov.cn.cmdfh.cn http://www.morning.mkpkz.cn.gov.cn.mkpkz.cn http://www.morning.beeice.com.gov.cn.beeice.com 查看全文 http://www.tj-hxxt.cn/news/256909.html 相关文章： 电商网站是什么wordpress 邮件美化 知乎企业网站建设南京宣传片制作公司 北京做手机网站设计网站没建好可以备案吗 淘宝客单页网站怎么做网站后期推广 织梦网站怎么居中珠海高端企业网站 建设一个本地网站网站开发专业术语大全 门户网站建设和运行招标文件伪原创对网站的影响 梅州英文网站建设网站筛选功能 校园二手交易网站建设方案拟定一个物流网站的建设方案 长沙房地产网站设计河北智能网站建设平台 如何建设好英文网站wordpress需要登录密码错误 网站导航网网络服务合同定义 荣耀华为手机商城官方网站网站建设开发详细步骤流程 中融木业网站是那个网站做的外国人做的网站吗 成都手机网站建四川省肿瘤医院 单位做网站需要多少钱wordpress 调用标签 张家界网站建设app邯郸推广网站建设哪个好 效果好网站建设哪家好望野拼音版注音 水头哪里有做网站的科技粉末 芜湖市公司网站建设哪家好qq群怎么推广 广州商城型网站抖音制作图片的软件 深圳做高端网站建设公司多用户商城系统源码下载 湖北网站建设贴吧建设部网站注销一级建造师 网做网站合肥网页设计多少钱 如皋市建设局网站在哪网站建设与管理ppt模板 广东省建设行业数据开放平台网站栏目页 优化 建行信用卡网站官网入口网站建设和网站 网站建设和维护工作免费无网络游戏大全 html企业网站源码宁波网络推广团队 建站开发软件企业网站的常见服务是什么
