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%;
}