项目上有需求,需要使用Sencha Touch加载远程Html,首先想到使用iframe处理,在浏览器上测试,展示效果还不错。以为万事大吉了,但是后来在ipad上测试发现iframe嵌入的网页没法上下滚动,于是继续研究,发现需要在iframe外层加入一个height和width都固定的div,然后增加style
-webkit-overflow-scrolling:touch; overflow: scroll;
代码如下:
{ layout : 'fit', xtype : 'panel', html : '<div style="width:774px;height:450px;-webkit-overflow-scrolling:touch; overflow: scroll;"><iframe id="object" height="100%" width="100%" type="text/html" src="http://www.baidu.com/"></iframe></div>' },
相关推荐
Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...
sencha touch动态加载组件及容器内容,防止加载时间过长的问题
sencha touch图片懒加载
sencha touch 折叠list
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
Sencha Touch开发的项目《般若人生》源码
sencha touch加载fusion charts的实例
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
sencha touch 2.4.0最新版 原版包下载
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
sencha touch list demo
sencha touch cookbook 英文高清文字版 !
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
这是我做的一个sencha touch 的项目,测试并能运行,希望对大家有帮助
sencha touch grid
sencha touch sdk工具
Sencha Touch是专门用于移动应用开发的JavaScript框架,也是第一个基于HTML5的移动应用框架,其前身是Ext。使用Sencha Touch,开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用,其效果...