首先状况为app内嵌套了部分webview,如图:
需求是在一开始滑动webview的时候,整个页面一起向上或向下,可以达到这种效果:
,(1)滑上去,tab吸顶,下面全部显示webview,webview里面是个可滑动的列表,可以上拉加载更多;
(2)当webview里面滑上去一部分后,向下滑,要先能滑回到webview的最上面,然后再下滑时,整个页面一起滑动,可以重新看到tab上面的原生页面。
出现的问题是:滑上去是可以,向下滑的时候,app监听不到里面的滚动高度,不知道是否滚动到了最顶部,就导致webview不能重新滑到最上面,整个页面下滑。
解决方法:在页面中使用 document.addEventListener('scroll', this.scroll) 监听document的滚动,而不是监听某个div的滚动,这样,app就能监听到webview的滚动条了。