app内嵌套部分webview滑动联动的问题

首先状况为app内嵌套了部分webview,如图:

需求是在一开始滑动webview的时候,整个页面一起向上或向下,可以达到这种效果:

,(1)滑上去,tab吸顶,下面全部显示webview,webview里面是个可滑动的列表,可以上拉加载更多;

(2)当webview里面滑上去一部分后,向下滑,要先能滑回到webview的最上面,然后再下滑时,整个页面一起滑动,可以重新看到tab上面的原生页面。

出现的问题是:滑上去是可以,向下滑的时候,app监听不到里面的滚动高度,不知道是否滚动到了最顶部,就导致webview不能重新滑到最上面,整个页面下滑。 

解决方法:在页面中使用  document.addEventListener('scroll', this.scroll) 监听document的滚动,而不是监听某个div的滚动,这样,app就能监听到webview的滚动条了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章