SelectorQuery.selectViewport
解释: 选择显示区域,可用于获取显示区域的尺寸、滚动位置等信息,返回一个NodesRef对象实例。
方法参数
String selector
返回值
NodesRef
示例
扫码体验
请使用百度APP扫码
图片示例
代码示例
<view class="wrap">
<button bindtap="selectViewport" type="primary" class="flex-button">滑动界面并点击获取窗口可视区域信息</button>
</view>
Page({
data: {
appear: false
},
selectViewport() {
swan.createSelectorQuery().selectViewport().scrollOffset(function(res){
console.log(res)
swan.showModal({
title: 'title',
content: JSON.stringify(res)
});
res.id // 节点的ID
res.dataset // 节点的dataset
res.scrollLeft // 节点的水平滚动位置
res.scrollTop // 节点的竖直滚动位置
}).exec()
}
});
.wrap {
margin-top: 30rpx;
height: 3000px;
}
.flex-button {
background-color: #fff;
position: fixed;
bottom: 0;
width: 90%;
}