互软研发团队

Talk is cheap. Show me the code.

协同办公应用在IOS平台滚动条无效的问题解决方案

前言

协同办公应用在IOS平台所有的滚动条无效,是由于IOS平台是默认关闭所有div、iframe元素的滚动条,所以在PC端可以滚动的到IPad或IPhone中就无效了,请根据以下规则兼容IOS平台


使用MVC 4的DisplayModeProvider功能适配出PC或移动端

1、在Global.asax文件中,Application_Start方法中,增加以下红线框中的代码:



2、增加移动端Layout文件


请复制附件中_layout.phone.cshtml到你项目中_layout.cshtml同一个文件夹下。请注意_layout可以是任何模板名,对应_layout.phone.cshtml中的_layout改成您的模板名称.

其中主要代码段如下:

做完上述两步后,基本上页面在IOS平台的滚动条就可以使用了。

其它需要手动调整


还有以下特殊情况,需要小调整,下文将不定期更新:
1、页面中包含IFrame元素,需要在它的父元素增加一个.fit-scroll样式.如下:


_Layout.phone.cshtml (1.5KB)