Mobile Safari：如何實現固定位置，可滾動的iframe？

Question

有沒有辦法在Mobile Safari中實現固定位置，可滾動的iframe？我在這個問題上花了好幾個小時，似乎找不到解決方案。

對於非固定的內置頁框，可以使用-webkit-overflow-scrolling: touch;和overflow: auto;的組合來解決一些錯誤，但我找不到在Mobile Safari中滾動固定內嵌框架的方法。

這是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模擬器嘗試這樣做，它的工作原理。