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

在解决iframe在ios无法滚动的bug中,需要在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页面无法滑动的问题)