IOS中iframe沒法滾動

在使用iframe或者其餘html元素時，可使用一個元素來(如DIV)來包裝他們:

<div class="wrapper">
  <iframe src="url"></iframe>
</div>

這個DIV將做爲支持內部滾動的基礎容器。

要讓iframe支持滾動須要添加兩個CSS樣式：

.wrapper {
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
}

-webkit-overflow-scrolling: touch; 這個屬性值就是專爲瀏覽器中溢出(overflow)時須要滾動的元素設計的。若是沒有指定這個屬性，當你像想滾動iframe時，實際上會致使外層頁面的滾動，經過它你就能夠對iframe的滾動進行控制。