H5对安卓WeView开发中的影响

Posted 2021-01-16 烟花易冷心易碎

 1.body,或者html 高度为100% 会导致下拉直接触发原生的刷新控件,而不是webView滑动到顶部后刷新,以及不会执行onScrollChanged 方法,并且getScrollY 总是返回0 ,getContentHeight * getScale 的值总是与webView高度一致

上述是 document.documentElement.style.overflow 不做任何设置的情况下

如果页面必须使用100% 则解决此问题的解决方式

H5端解决方案

如果设置 document.documentElement.style.overflow=‘visible‘;  则可以解决问题

安卓端根治方案:(目前本人翻遍国内外各大博客网站,暂时没找到方案,正是因为此问题导致跳入webView 的深坑,如有大神知道还望指点)

ps 1.安卓端  onScrollChanged  失效也可以监听 overScrollBy不过这个不是特别准确有时候手势快速上下滑动则会认为一会到顶部一会到底部了　　

2. document.documentElement.style.overflow=‘hidden‘; 导致例如chrome 浏览器的原生下拉刷新失效 ,但是并没有能阻止页面禁止滑动仍然可以自由上下滑动 (对QQ浏览器的下拉显示当前网页提供方以及内核显示则没有影响)