app內嵌套部分webview滑動聯動的問題

首先狀況爲app內嵌套了部分webview,如圖:

需求是在一開始滑動webview的時候,整個頁面一起向上或向下,可以達到這種效果:

,(1)滑上去,tab吸頂,下面全部顯示webview,webview裏面是個可滑動的列表,可以上拉加載更多;

(2)當webview裏面滑上去一部分後,向下滑,要先能滑回到webview的最上面,然後再下滑時,整個頁面一起滑動,可以重新看到tab上面的原生頁面。

出現的問題是:滑上去是可以,向下滑的時候,app監聽不到裏面的滾動高度,不知道是否滾動到了最頂部,就導致webview不能重新滑到最上面,整個頁面下滑。 

解決方法:在頁面中使用  document.addEventListener('scroll', this.scroll) 監聽document的滾動,而不是監聽某個div的滾動,這樣,app就能監聽到webview的滾動條了。

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