解決safari中iframe嵌入不能滾動的問題

做完了個webapp之后，開發的時候一直在瀏覽器上模擬ios，沒有任何問題，誰知交差的時候，客戶告知在ios瀏覽器中不能滾動嵌入的iframe，直接就滾動外層整個document了，你知道document本身就有觸碰邊緣緩動的效果，下圖，中間的部分其實就是嵌入了iframe。

解決方法：

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

　　

.scroll-wrapper {  
    -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;  
    /* 提示: 請在此處加上需要設置的大小(dimensions)或位置(positioning)信息! */  
}  
.scroll-wrapper iframe {  
    /* 你自己指定的樣式 */  
}