# SelectorQuery.selectViewport

调用 SelectorQuery.selectViewport() 选择显示区域。可用于获取显示区域的尺寸、滚动位置等信息。

## 支持说明

该接口仅支持小程序调用，对应的客户端版本支持情况如下所示。

应用能力 | Android | iOS | PC | Harmony | 预览效果
---|---|---|---|---|---
小程序 | V2.2.0+ | V2.2.0+ | V2.2.0+ | V7.35.0+ | 预览
网页应用 | **X** | **X** | **X** | **X** | /

## 输入
无

## 输出

名称 | 数据类型 | 描述
---|---|---
NodesRef | object | 参见 [NodesRef](https://open.feishu.cn/document/uYjL24iN/uUjN24SN2YjL1YjN/nodesref/nodesref) 对象。

## 示例代码

```js

const query = tt.createSelectorQuery();
query.select('#the-id').boundingClientRect();
const nodesRef = query.selectViewport();
nodesRef.scrollOffset();
query.exec(function(res){
  res[0].top       // #the-id 节点的上边界坐标
  res[1].scrollTop // 显示区域的竖直滚动位置
});
```