關於ivx監聽小程序滑動到頂部和底部的經驗總結

監聽小程序滑動到頂部和底部在案例中主要用於小程序頁面的上拉加載和下拉刷新。

上拉加載是手指不斷向上滑動,當內容即將展示到屏幕最底部的時候,頁面會隨之不斷加載新的內容,直到加載完全部數據,是手機端常用的一種分頁獲取數據的方式,通常會配合一個“頁號”參數實現,具體做法在之前的分頁獲取數據的帖子中已經詳細說過了大家可以回顧一下。

下拉刷新則如刷微博或者朋友圈時,當用戶想看最新的內容時會將頁面滑回頂部然後繼續下拉,頁面就就會把最新的內容展示在頁面頂部。

在小程序案例中,我們給頁面組件添加一個事件就可以看到上拉觸底和下拉刷新的事件選項。
關於ivx監聽小程序滑動到頂部和底部的經驗總結
選擇事件後添加好對應的動作即可,這裏只做一個演示效果,我們在上拉觸底時彈出一個bottom的彈框提示,在下拉刷新的時候彈出一個top的彈框提示。效果如下圖。
關於ivx監聽小程序滑動到頂部和底部的經驗總結
關於ivx監聽小程序滑動到頂部和底部的經驗總結
這個功能本身並不複雜,只是對用戶操作的一個監聽事件,通常也是配合其他動作才能實現具體邏輯功能,稍微需要注意一點大概就是手指操作方向與頁面響應位置是相反的,向上滑動對應的是頁面觸底,而手指向下滑動對應的是頁面觸頂。

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