ipad safari 滚动(overflow)解决方案
2024-08-26 04:47:27
项目需要放到ipad应用了,发现有一个奇怪的问题,就是我div是设置滚动属性的,在pc上面的各个浏览器页面变小时,会出现滚动条,可是是ipad的safari,则不会滚动,开始以为是div的问题
但发现页面的源代码贴出来后,div又可以滚动了,所以判断safari也是支持滚动条的,只是他隐藏了而已,后来发现 我外层是嵌套一个iframe的,终于找到问题的关键了
于是在iframe的外层加入一个div
<div class="container" style="-webkit-overflow-scrolling:touch; overflow: auto;">
<iframe width="100%" id="main" name="main" src="main.aspx" frameborder="" scrolling="auto"></iframe>
</div>
主要是style="-webkit-overflow-scrolling:touch; overflow: auto;"这个样式,让他支持界面touch和自动滚动
这样界面就可以滚动咯
最新文章
- 直播推流端弱网优化策略 | 直播 SDK 性能优化实践
- JS获取URL参数
- JQmeter显示进度条
- C#字符串操作(參照圓友)
- 错误:The Controls collection cannot be modified because the control contains code blocks (i.e. ). .
- atom 折腾记(转载的)
- [chrome插件] 利滚利计算器 银行存款 基金理财 余额宝收益计算
- 安装SQL Server驱动到Maven仓库[转]
- Poj 1029 分类: Translation Mode 2014-04-04 10:18 112人阅读 评论(0) 收藏
- Asp.Net 构架(Http Handler 介绍) - Part.2
- Windows消息队列
- maven 打包 时出现非法字符: /65279错误
- shell 并发多进程同时执行
- SVN如何commit(提交)项目代码
- 如何转换MySQL表的引擎
- adb -s 设备名 设备名还有非法字符
- 业务线B/C端业务组件总结
- 关于tensorflow conv2d卷积备忘的一点理解
- CSS设置边框、符号、背景样式、链接属性
- (Alpha)Let&#39;s-技术文档(技术规格说明书)