cordova关闭ios整个webview超出范围的滚动,开启overflow的惯性滚动

情况1:

cordova生成的项目,在IOS上整个webview会有弹性的滚动范围,这令position为absolute的固定模块很是尴尬,网上找到的参数基本都是webviewbounce,但是并没有效果

<preference name="webviewbounce" value="false" />

解决方案:

<preference name="DisallowOverscroll" value="true" />

情况2:

overflow:auto或overflow:scroll的容器,在ios中会失去滚动惯性,即手指动多少滚动多少,失去了手指离开触屏后的惯性滚动

解决方案:

给容器加上一条css即可

-webkit-overflow-scrolling: touch;

有的同学添加了这一条属性后遇到了向下滑动后页面变成空白的问题,实际上可以通过一条 CSS 属性把页面加载到内存来解决:

-webkit-transform: translate3d(0,0,0);

参考:http://www.renfei.org/blog/how-to-add-ios-inertial-scrolling-to-a-fixed-height-element.html

若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏
打赏