美文网首页
Taro 获取元素的属性(宽、高、滚动高度)

Taro 获取元素的属性(宽、高、滚动高度)

作者: yatang | 来源:发表于2019-12-18 11:35 被阅读0次

Taro 获取元素

先定义一个query对象

  const query = Taro.createSelectorQuery()

用 select 属性获取所需元素,再用 boundingClientRect 获取元素的属性

  query.select('.date_list').boundingClientRect( rec => {
    console.log(rec)
  }).exec()

这里可以用 class 或者 id 。

或者选择全部 匹配的元素

 query.selectAll('.date_list').boundingClientRect( rec => {
    console.log(rec)
  }).exec()

或者选择指定元素下的子元素,随你自己怎么发挥

  query.selectAll('#today .date_list').boundingClientRect( rec => {
    console.log(rec)
  }).exec()

问题

在获取组件里的元素的时候遇到了问题

  const query = Taro.createSelectorQuery().in(this.$scope)

加了scope 还是无法获取, 无奈只能将组件内容提出来,放在一个文件下

相关文章

  • Taro 获取元素的属性(宽、高、滚动高度)

    Taro 获取元素 先定义一个query对象 用 select 属性获取所需元素,再用 boundingClien...

  • js/jq 获取宽高以及left、top值

    1.获取滚动条距离顶部的高度: 2.获取某元素的宽高: 3.获取某元素的left和top:

  • 获取宽高、加载(DOM)、currentStyle、getCom

    鼠标在可视区中的坐标 获取可视区宽高 获取滚动距离 获取内容宽高 获取盒子模型宽高 获取元素的相对位置 获取元素的...

  • 滚动事件

    (1)、scrollTop 属性 获取滚动高度 可读可写 (2)、获取的是页面向上滚动的高度: ...

  • 盒子(6)

    可以设置高和宽属性说明:只设置块级元素和替换元素的内容高度 border边框属性 padding填充属性

  • jQuery事件

    1、jQuery获取DOM元素的属性 1、获取宽高 $('#box').width(); $('#box').he...

  • 兼容处理

    谷歌浏览器获取滚动高度宽度方式 ie 获取方式 因此兼容处理这样写 获取浏览器窗口宽高 平幕高度 阻止冒泡 阻止浏...

  • 锚点链接实现

    用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。

  • 小程序滚动监听,并动画控制某元素的显示隐藏

    场景: 当页面滚动高度超过元素1高度时,元素2(动画的)显示或隐藏。在小程序中如何做到滚动监听并动态获取元素高度呢...

  • 行内标签

    形态属性(display) 行内元素 在一个行里排列、不能指定宽高、 默认宽高为自适应内部的总宽高、高度可以用LI...

网友评论

      本文标题:Taro 获取元素的属性(宽、高、滚动高度)

      本文链接:https://www.haomeiwen.com/subject/lpnynctx.html