h5页面在ios中不能滑动/滑动的不流畅

一、页面不滑动
例如:(原生app内嵌h5页面)当页面有fixed定位,在ios某些系统(ios 11.1.2、12.1.2)会造成页面不能滑动,
处理方式:(如下仅供参考)

1.jpg

2.jpg

3.jpg

此处act为最外层box,btn为固定在右下角的按钮;惯性思维大概就是直接给按钮fixed定位,直接明了,但是ios对position:fixed;支持度极差,因此,最好的方法是换一种写法,假如btn的父级的视图窗口也像浏览器的窗口一样的大小的话,使用绝对定位position:absolute; 最后的效果也能够达到;那就是给父级宽高100%;就可以了;

二、滑动不流畅
处理方式:
在需要滑动的元素上添加如下的css属性:
height:100%;
overflow-Y:scroll;
-webkit-overflow-scrolling:touch;

你可能感兴趣的:(h5页面在ios中不能滑动/滑动的不流畅)