美文网首页
关于ios下html5的ifream页面无法滑动的问题

关于ios下html5的ifream页面无法滑动的问题

作者: 程序猿南哥 | 来源:发表于2019-10-10 17:00 被阅读0次

    在解决iframe在ios无法滚动的bug中,需要在iframe外面包裹一层div,如下:

    <div class="scroll-wrapper">
     <iframe src=""></iframe>
    </div>
    

    然后设置scroll-wrapper的样式,给scroll-wrapper添加-webkit-overflow-scrolling: touch;overflow-y: scroll,让外部的div进行滚动,然后保持iframe宽高100%。

    .iframeDiv{
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        iframe{
          width: 100%;
          height: 100%;
        }
      }
    

    相关文章

      网友评论

          本文标题:关于ios下html5的ifream页面无法滑动的问题

          本文链接:https://www.haomeiwen.com/subject/allkectx.html