文章教程

浅谈html5与APP混合开发遇到的问题总结

5/9/2018 9:35:58 PM 人评论 次浏览

背景

在公司参与一个原生APP和h5混合开发的项目,本人在项目中负责h5部分,现将项目中遇到的问题总结如下:

具体问题

问题1:页面滚动条问题

问题描述

web页面在PC浏览器上浏览时有滚动条;但是,在移动端浏览器打开时,没有滚动条

解决方法

将页面的最外层(我一般在写页面时,会在body标签内写一个大容器,用于存放页面的内容)设置overflow:auto/scroll;并且不能设置height属性的值(height:100%也不行)

例子

<body>
 <div style="overflow:scroll/auto;">
  //网页内容
 </div>
</body>