Mobile Safari：如何实现固定位置，可滚动的iframe？

Question

有没有办法在Mobile Safari中实现固定位置，可滚动的iframe？我花了几个小时来解决这个问题，我似乎无法找到解决方案。

对于非固定iframe，可以使用-webkit-overflow-scrolling: touch;和overflow: auto;的组合解决一些错误，但我找不到一种方法可以在Mobile Safari中滚动固定的iframe。

这是此问题的JSBin。

在iPad 4和iPhone 5S上针对iOS 8进行了测试。

Answer 1

您应该将所有位置（顶部，底部，左侧，右侧）添加到固定的iframe：

.iframe-wrap {
  background: #ddd;
  position: fixed;
  right: 0; 
  bottom: 0; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 25px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow: auto;                
}

我在iphome模拟器中试过这个并且它有效。