微信小程式下拉重新整理

2021-08-14 14:45:41 字數 405 閱讀 7509

使用了幾個方案,發現幾個注意點需要注意一下:

方案一:整個布局只使用乙個scroll-view,類目和列表放到該控制項下,這種狀態下重新整理可以,但是類目不能固定在頂部

方案二:整個布局使用乙個scroll-view,裡面再巢狀使用scroll-view,這種狀態下上拉幅度大的時候也會觸發下拉重新整理事件(估計是多個scroll-view引起的事件衝突)

方案三:不使用scroll-view,全都使用view,自己新增事件判斷,顯示自定義的loading動畫(使用者體驗很差)

方案四:在方案三的基礎上,寫兩個類目選單,乙個顯示乙個隱藏,隱藏的通過onpagescroll滾動的位置來控制其顯示還是隱藏。

微信小程式 下拉重新整理

步驟一注意 enablepulldownrefresh 允許下拉重新整理 backgroundtextstyle 重新整理動畫中那個點的顏色 ios 值可以為dark light 步驟二 js檔案配置 頁面相關事件處理函式 監聽使用者下拉動作 onpulldownrefresh function 下...

微信小程式下拉重新整理

一 配置需要下拉重新整理的頁面的json檔案 enablepulldownrefresh true,函式 頁面相關事件處理函式 監聽使用者下拉動作 onpulldownrefresh function 二 onpulldownrefresh對scroll view元素不起作用 針對scroll vi...

微信小程式 scroll view下拉重新整理

需求描述 1.首先我的scroll view部分是巢狀在template內 2.應用template的頁面頂部還有乙個日期選擇picker且位置固定 3.下拉重新整理當前頁面 重新整理請求 utils news.getnews function result settimeout function ...