使IFRAME在iOS设备上支持滚动

作者: stois | 来源:发表于2016-02-06 11:59 被阅读1365次

使IFRAME在iOS设备上支持滚动
[css]解决iframe在ios设备上无法滚动
解决ios对iframe标签的兼容
[记录]让 IOS 支持 iframe 滚动
关于ios下html5的ifream页面无法滑动的问题
iframe在ios中兼容的问题
Frida官方手册 - 在iOS上使用Frida
ios滚动优化
Human Interface Guidelines——3D T
使用iMazing将PDF文件导入至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高度的特判了。

原文来自这里

使IFRAME在iOS设备上支持滚动
首先给这个wrapper设个样式：然后把iframe撑满：这样在js动态生成iframe的时候，就不用再做对b...
[css]解决iframe在ios设备上无法滚动
原因： safari的webkit内核特性解决方案：在iframe外包裹一层div并设置其css属性为：-we...
解决ios对iframe标签的兼容
原因：ios嵌入的iframe页面,滚动条失效解决：在iframe外层包裹一个div,然后将其设置为可滚动，if...
[记录]让 IOS 支持 iframe 滚动
在 IOS 上使用 iframe 的时候，发现超出的内容无法滚动了，在安卓上没有发现这样的问题。使用 -webki...
关于ios下html5的ifream页面无法滑动的问题
在解决iframe在ios无法滚动的bug中，需要在iframe外面包裹一层div，如下：然后设置scroll-...
iframe在ios中兼容的问题
iframe在iOS中显示异常的问题：如果iframe的内容可以自适应，并且在没有内部滚动条的情况下重新改变大小...
Frida官方手册 - 在iOS上使用Frida
在 iOS 上使用 Frida 在 iOS 设备上，Frida 支持两种使用模式，具体使用哪种模式要看你的 iOS...
ios滚动优化
时常会在ios设备中发现列表渲染出来滑动不顺畅，下面提供ios滚动优化以及滚动回弹
Human Interface Guidelines——3D T
尝试阅读《Human Interface Guidelines》原文翻译学习iOS设计指南。在支持的设备上，用户...
使用iMazing将PDF文件导入至iOS设备
iMazing是一款支持 Windows 和Mac双系统的iOS设备管理软件，用户可以通过它在 iOS移动设备上备...