SelectorQuery.selectViewport

解释: 选择显示区域,可用于获取显示区域的尺寸、滚动位置等信息,返回一个 NodesRef 对象实例。

# 方法参数

String selector

# 返回值

NodesRef

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

# 代码示例

    <view class="wrap">
        <button bindtap="selectViewport" type="primary" class="flex-button">滑动界面并点击获取窗口可视区域信息</button>
    </view>
    
    Page({
        selectViewport() {
            swan.createSelectorQuery()
                .selectViewport()
                .scrollOffset(res => {
                    console.log('节点信息', res);
                    // res.id      // 节点的ID
                    // res.dataset // 节点的dataset
                    // res.scrollLeft // 节点的水平滚动位置
                    // res.scrollTop  // 节点的竖直滚动位置
                    swan.showModal({
                        title: 'title',
                        content: JSON.stringify(res)
                    });
                }).exec()
        }
    });