SelectorQuery.selectViewport

2020-08-22 11:08 更新

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

方法参数

String selector

返回值

NodesRef

示例 

在开发者工具中打开



图片示例



代码示例

<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()
    }
});


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号