uniapp scroll-view用法[下拉刷新,触底事件等等...](4)

前言:可滚动视图区域。用于区域滚动

话不多说 直接上官网属性  官网示例

 讲一下常用的几个

@scroll  滚动时触发

 @scrolltoupper 滚动到顶部或左边，会触发 scrolltoupper 事件

@scrolltolower   滚动到底部或右边，会触发 scrolltolower 事件

1.纵向滚动

设置scroll-y="true"  开启纵向滚动功能

		
					A
					B
					C
				
	

2.横向滚动

设置scroll-x="true"  开启横向滚动功能

		
					A
					B
					C
				
	

   注意：scroll-view本身的display:flex不生效、如果想实现display：flex功能，则可以给scroll-view加上white-space: nowrap，给内容容器加上display:inline-block 

3.触底事件

@scrolltolower 滚动到底部或右边，会触发 scrolltolower 事件

4.下拉刷新

refresher-enabled = "true" 开启自定义下拉刷新

refresher-triggered ="true"  设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下                                        拉刷新未被触发

@refresherrefresh 自定义下拉刷新被触发