使IFRAME在iOS設備上支持滾動

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

首先給這個wrapper設個樣式：

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

然后把iframe撐滿：

.scroll-wrapper iframe {  
    height: 100%;  
    width: 100%;  
}

這樣在js動態生成iframe的時候，就不用再做對body高度的特判了。

原文來自這里

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • <a name='html'>HTML</a> Doctype作用？標準模式與兼容模式各有什么區別? （1）、<...
    clark124閱讀 3,551評論 1贊 19
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,599評論 32贊 459
  • 一:在制作一個Web應用或Web站點的過程中，你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,212評論 0贊 1
  • 高三那年，夏天，下自修回宿舍的路上，被一輛飛奔的摩托車給撞飛在地上刷了兩三米才停下。當時動彈不得，渾身沒有力氣，想...
    小獅子是詩閱讀 579評論 0贊 2
  • UIAlertView已經被蘋果公司廢棄，現在改成了新版的UIAlertViewController，現在就來介紹...
    一塊兒錢閱讀 414評論 0贊 0