Uniapp—區域滾動與頁面滾動的區別


頁面滾動


小程序頁面(注意這里說的頁面指的是注冊的Page,而不是視圖容器view),默認就具有滾動(上拉)功能,滾動時觸發PageScroll事件;在頁面滾動觸底時,會觸發ReachBottom事件;頁面下拉時,觸發PullDownRefresh事件,通常用於頁面刷新。這三個事件的處理函數都需在注冊頁面時定義。

滾動視圖區域


滾動視圖區域(scroll-view)是頁面視圖容器組件的一種,意思“滾動視圖區域”就是一種可以在頁面Page內部一個區域內可以滾動的組件。如微信官方示例程序所示,圖中綠色和藍色區域是scroll-view組件,在這個區域內可以上下滾動,同時整個頁面也是可以滾動的,這是兩種完全不一樣且互不沖突的滾動。

注意事項

1. 在滾動 scroll-view 時會阻止頁面回彈,所以在 scroll-view 中滾動,是無法觸發 onPullDownRefresh。

2.小程序頁面點擊頂部狀態欄可以回到頁面頂部,當使用scroll-view時將不具備該功能。

 

原文入口


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM