iframe页面里的链接在ios设备无法点击的解决办法

最新推荐文章于 2023-03-29 14:52:18 发布

weixin_33915554

最新推荐文章于 2023-03-29 14:52:18 发布

阅读量1.4k

点赞数

文章标签： python 前端 javascript ViewUI

原文链接：https://my.oschina.net/swingcoder/blog/1538521

版权

2019独角兽企业重金招聘Python工程师标准>>>

iframe页面，在ios设备浏览器里，滚动后，原来被隐藏的按钮或链接均无法点击，一点击就弹回左上角，可以用下面的方法修正这个问题。给所有iframe添加如下样式。

@media (max-width: 1075px){

            iframe{
                position:absolute;
                top: 50px;
                bottom: 0;
                right: 0;
                left: 70px;
                overflow: scroll;
                z-index: 500;
                height: 1292px;
                width:100%;
                background: white;
                border: none;
                /*-webkit-overflow-scrolling: touch !important;*/
                /*overflow: scroll !important;*/

            }
        }

参考

https://forum.ionicframework.com/t/iframe-click-event-detect-problem-after-scroll-content/8827/2

搜索关键词

ios safari iframe after scroll click event

转载于:https://my.oschina.net/swingcoder/blog/1538521