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

原创
2017/09/16 22:02
阅读数 3.5K

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

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部