当前位置: 首页 > news >正文

微信小程序scroll-view的触发机制

一、scroll-view
可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。

两个属性是作为上拉加载下拉刷新触发事件
scroll-view属性bindrefresherrefresh:自定义下拉刷新被触发

scroll-view属性bindscrolltolower:滚动到底部/右边时触发

二、设置高度

.scroll-v 是scroll-view 所在的类名,tabHeight为scroll-view的高度

		async getHeight(){const query=uni.createSelectorQuery();await new Promise(resolve=>{query.select('.scroll-v').boundingClientRect();query.exec(res=>{this.tabHeight=res[0].height+'px';resolve();});})}

三、分页触发

scroll-view 内包含的子元素,当子元素高度超出tabHeight,触发分页事件并重新计算高度。

四、更详细的也可以参考下面文章

微信小程序 - scroll-view组件之上拉加载下拉刷新(解决上拉加载不触发)_scroll-view上拉加载_Qianmo_er的博客-CSDN博客

http://www.lryc.cn/news/140283.html

相关文章:

  • 为本地文件创建URL
  • UI位置与布局
  • 《存储IO路径》专题:DDIO对系统性能的影响
  • ModaHub魔搭社区:WinPlan经营大脑数据采集
  • 缓存最佳实践
  • Linux 终端命令之文件目录操作,对比Dos相关命令
  • C++学习第十八天----switch语句
  • 基于poi生成excel模板并生成下拉选择框
  • Redis五种类型
  • 通过IP地址如何防范钓鱼网站诈骗?
  • useEffect使用详解
  • element-table的动态操作,自动以表格,动态新增行、列,删除行列
  • python--文件管理系统
  • uniapp 微信小程序:RecorderManager 录音DEMO
  • __call__和__init__和__new__和__str__和__repr__
  • 设计模式--工厂模式(Factory Pattern)
  • 【Android】 No matching variant of com.android.tools.build:gradle:[版本号] was found
  • 650V 1200V碳化硅二极管MOS管规格书参数,6A 8A 10A 15A 20A 封装TO220低VF电压 低内阻特性
  • python基础—python6种基本数据类型及数据类型之间转换
  • Axure RP
  • java使用ExcelExportUtil.exportBigExcel导出大文件(非分页)
  • PlantUML文本绘制类图
  • 5分钟理解NPL算法 之 马尔可夫链 Markov Chain
  • C#_GDI+ 绘图编程入门
  • 自己写一个svg转化为安卓xml的工具类
  • 基于随机森林的机器启动识别,基于随机森林的智能家居电器启动识别
  • Apache Doris 极简运维之BE扩缩容(1)
  • MySQL每日一练--校园教务系统
  • 9.阿里Sentinel哨兵
  • 设计模式之工厂方法模式