解決ios對iframe標簽的兼容

本文轉載自查看原文 2019-08-07 10:22 850 兼容性

原因：ios嵌入的iframe頁面,滾動條失效

解決：在iframe外層包裹一個div,然后將其設置為可滾動，iframe的屬性scrolling="no"

<div style="webkit-overflow-scrolling: touch;overflow-y: scroll;">
     <iframe frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
</div>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 解決iframe在iphone不兼容的問題解決 iframe 在 ios 上不能滾動的問題解決iframe IE8透明不兼容 iframe標簽解決IOS iframe不滾動問題 Javascript iframe交互並兼容各種瀏覽器的解決方案 html5中的audio標簽針對IOS系統的兼容處理 HTML_head標簽中META,IF IE 及 IFrame 中的頁面的兼容性相關問題解決 new file()在IOS下不兼容的問題解決ios下不兼容keyup,keydown等事件