当前位置:   article > 正文

Uniapp或者微信小程序如何动态的计算Scrollview的高度_uniapp获取scroll滚动高度

uniapp获取scroll滚动高度

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

  1. setScrollHeight(view = '#scrollView', name = 'scrollHeight') {
  2. let that = this
  3. uni.getSystemInfo({
  4. success: function(res) {
  5. const query = uni.createSelectorQuery().in(that).select(view);
  6. query.boundingClientRect(data => {
  7. that[name] = res.windowHeight - data.top
  8. }).exec();
  9. }
  10. });
  11. },

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

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

  1. onReady() {
  2. this.setScrollHeight()
  3. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/384094
推荐阅读
相关标签
  

闽ICP备14008679号