视图容器<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 (在标签元素中设置) :允许横/纵向滚动