Skip to content

uniapp 小技巧

获取元素可用高度

js
uni.getSystemInfo({ // 接口获取屏幕高度
  success: (res) => {
    const wHeight = res.windowHeight // windoHeight 为窗口高度
    let titleH = uni.createSelectorQuery().select(".content-list"); // 想要获取高度的元素名
    titleH.boundingClientRect(data => {
      this.scrollHeight = wHeight - data.top  // 计算高度:元素高度 = 窗口高度 - 元素距离顶部的距离(data.top)
      console.log('this.scrollHeight',this.scrollHeight);
    }).exec()
  }
})
uni.getSystemInfo({ // 接口获取屏幕高度
  success: (res) => {
    const wHeight = res.windowHeight // windoHeight 为窗口高度
    let titleH = uni.createSelectorQuery().select(".content-list"); // 想要获取高度的元素名
    titleH.boundingClientRect(data => {
      this.scrollHeight = wHeight - data.top  // 计算高度:元素高度 = 窗口高度 - 元素距离顶部的距离(data.top)
      console.log('this.scrollHeight',this.scrollHeight);
    }).exec()
  }
})