Uniapp—区域滚动与页面滚动的区别

页面滚动


小程序页面(注意这里说的页面指的是注册的Page,而不是视图容器view),默认就具有滚动(上拉)功能,滚动时触发PageScroll事件;在页面滚动触底时,会触发ReachBottom事件;页面下拉时,触发PullDownRefresh事件,通常用于页面刷新。这三个事件的处理函数都需在注册页面时定义。

滚动视图区域


滚动视图区域(scroll-view)是页面视图容器组件的一种,意思“滚动视图区域”就是一种可以在页面Page内部一个区域内可以滚动的组件。如微信官方示例程序所示,图中绿色和蓝色区域是scroll-view组件,在这个区域内可以上下滚动,同时整个页面也是可以滚动的,这是两种完全不一样且互不冲突的滚动。

注意事项

1. 在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 中滚动,是无法触发 onPullDownRefresh。

2.小程序页面点击顶部状态栏可以回到页面顶部,当使用scroll-view时将不具备该功能。

原文入口

一个小小后端的爬行痕迹
原文地址:https://www.cnblogs.com/heikedeblack/p/14684212.html