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

Uniapp或者微信小程序如何动态的计算Scrollview的高度

当一个小程序页面,顶部有搜索栏,或者分类查询时,我们想要保证它们能固定到顶部,就需要使用到Scrollview,那么如何确定Scrollview就是一个问题,这时我们可以使用以下代码来实现

setScrollHeight(view = '#scrollView', name = 'scrollHeight') {let that = thisuni.getSystemInfo({success: function(res) {const query = uni.createSelectorQuery().in(that).select(view);query.boundingClientRect(data => {that[name] = res.windowHeight - data.top}).exec();}});
},

先获取Scrollview距离顶部的高度,然后页面高度减去顶部距离,就能得到剩余的内容高度,如果底部还有操作条,那么我们再减去其高度,就能得到具体的Scrollview高度了

注意点是为了能准确的获取到页面元素,从而准确计算高度,我们需要将代码放到onReady生命周期里运行

onReady() {this.setScrollHeight()
},

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

相关文章:

  • Abase数据库管理系统
  • 系统架构设计高级技能 · 大数据架构设计理论与实践
  • ubuntu上使用osg3.2+osgearth2.9
  • C语言巧妙打印64位整数
  • c语言每日一练(11)
  • SLAM十四讲学习笔记 第二期:部分课后实践代码
  • Android kotlin 跳转手机热点开关页面和判断热点是否打开
  • Redis 执行 RDB 快照期间,主进程可以正常处理命令吗?
  • Python加入Excel--生产力大提高|微软的全方面办公
  • Excel 分组排名
  • Redis初始以及安装
  • react导出、导入文件
  • (一)Redis——String
  • Spring Boot多环境指定yml或者properties
  • MinDoc:针对IT团队的文档、笔记系统
  • 【分享】华为设备登录安全配置案例
  • Starrocks与MySQL函数的区别
  • 【HTML】学习笔记(自用持续更新)
  • 代码随想录训练营第四十二天|0-1背包理论基础(一)、0-1背包理论基础(二)、416分割等和子集
  • linux 免交互
  • 自然语言处理从入门到应用——LangChain:索引(Indexes)-[文档加载器(Document Loaders)]
  • 7.接着跑一下triton官方教程
  • 波奇学C++:stl的list模拟实现
  • Flask 项目结构
  • 云计算在IT领域的发展和应用
  • 8年测试经验之谈 —— 接口自动化测试requests
  • 求助:vue从后端获取数据,如何对获得的数据进行拆分?
  • html5拖拽文件上传需阻止默认事件
  • 深入剖析Kubernetes之Pod基本概念(一)
  • idea 对JavaScript进行debug调试