SelectorQuery.selectViewport

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

方法参数

String selector

返回值

NodesRef

示例

在开发者工具中预览效果

扫码体验

SelectorQuery.selectViewport - 图1请使用百度APP扫码

图片示例

SelectorQuery.selectViewport - 图2

SelectorQuery.selectViewport - 图3

SelectorQuery.selectViewport - 图4

代码示例

  1. <view class="wrap">
  2. <button bindtap="selectViewport" type="primary" class="flex-button">滑动界面并点击获取窗口可视区域信息</button>
  3. </view>
  1. Page({
  2. data: {
  3. appear: false
  4. },
  5. selectViewport() {
  6. swan.createSelectorQuery().selectViewport().scrollOffset(function(res){
  7. console.log(res)
  8. swan.showModal({
  9. title: 'title',
  10. content: JSON.stringify(res)
  11. });
  12. res.id // 节点的ID
  13. res.dataset // 节点的dataset
  14. res.scrollLeft // 节点的水平滚动位置
  15. res.scrollTop // 节点的竖直滚动位置
  16. }).exec()
  17. }
  18. });
  1. .wrap {
  2. margin-top: 30rpx;
  3. height: 3000px;
  4. }
  5. .flex-button {
  6. background-color: #fff;
  7. position: fixed;
  8. bottom: 0;
  9. width: 90%;
  10. }