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