SelectorQuery.selectViewport

解釋： 選擇顯示區(qū)域，可用于獲取顯示區(qū)域的尺寸、滾動位置等信息，返回一個(gè) NodesRef 對象實(shí)例。

方法參數(shù)

String selector

返回值

NodesRef

示例 

在開發(fā)者工具中打開

圖片示例

代碼示例

<view class="wrap">
    <button bindtap="selectViewport" type="primary" class="flex-button">滑動界面并點(diǎn)擊獲取窗口可視區(qū)域信息</button>
</view>

Page({
    selectViewport() {
        swan.createSelectorQuery()
            .selectViewport()
            .scrollOffset(res => {
                console.log('節(jié)點(diǎn)信息', res);
                // res.id      // 節(jié)點(diǎn)的ID
                // res.dataset // 節(jié)點(diǎn)的dataset
                // res.scrollLeft // 節(jié)點(diǎn)的水平滾動位置
                // res.scrollTop  // 節(jié)點(diǎn)的豎直滾動位置
                swan.showModal({
                    title: 'title',
                    content: JSON.stringify(res)
                });
            }).exec()
    }
});