小程序中的一些使用属性及方法

视图容器 <scroll-view></scroll-view>中的一些属性使用按方法:
  createSelectorQuery  --->   获取dom元素节点
    wx.createSelectorQuery():返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面中,应使用  this.createSelectorQuery() 来代替。
    获取节点后,在js中(写在 onReady 中):
      var query = wx.createSelectorQuery()         //创建节点查询器 query
      query.select(' #the-id'  (这个是给元素写的类名或id名)).boundingClientRect()         //这段代码的意思是选择Id=the-id的节点,获取节点位置信息的查询请求
      query.selectViewport().scrollOffset()         //这段代码的意思是获取页面滑动位置的查询请求
      query.exec(function(res){
      res[0].top          // #the-id节点的上边界坐标
      res[1].scrollTop          // 显示区域的竖直滚动位置
      })
 
  bindscroll (在标签元素中设置)  --->   滚动时触发,写在标签中,
    例如:<scroll-view bindscroll="a(a是自定义事件名)"  ></scroll-view>
    则,在js中 使用a事件时:
      a (e) { console.log(e) }  // 可以查看打印出的数据是什么
 
   scroll-into-view (在标签元素中设置)值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素
                    在标签中给元素设置这个属性时的同时,也需给它的子元素设置相应的id
 
   scroll-x/y (在标签元素中设置) 允许横/纵向滚动
 
 
暂时先写这么多,有想到的伙伴们欢迎留言添加!

猜你喜欢

转载自www.cnblogs.com/zmm966/p/11991318.html