开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
基础 api
基础
应用级事件
界面
导航栏
tabbar
路由
交互反馈
下拉刷新
联系人
选择城市
选择日期
动画
画布
地图
计算路径
键盘
滚动
节点查询
selectorquery
intersectionobserver
mediaqueryobserver
选项选择器
级联选择
设置窗口背景
设置页面是否支持下拉
字体
跳转
多媒体
缓存
文件
位置
网络
设备
worker
数据安全
分享
收藏
自定义通用菜单
更新管理
web-view组件控制
升级支付宝最新版本
隐私信息授权
小程序广告
开放能力 api
开发 > api > 基础 api > 界面 > 节点查询 > selectorquery > selectorquery.scrolloffset
评论
收藏
我的文档
设置

selectorquery.scrolloffset(function callback)

基础库  或更高版本; 若版本较低,建议采取 兼容处理

支小宝客户端 支持

安诊儿客户端 支持

主体: 企业支付宝小程序个人支付宝小程序

添加节点的滚动位置查询请求。

滚动信息以像素为单位,节点可以是 scroll-view 或者 viewport(可通过 selectorquery.selectviewport 获取)。

function callback

参数

object res

非必填。

接收节点滚动位置信息的回调函数,在 selectorquery.exec 之后触发。
也可在 selectorquery.exec 的回调函数中获取节点的滚动位置信息。

查看示例

属性 类型 描述
id string

节点 id。

dataset object

节点的 dataset。

scrollleft number

节点的水平滚动位置。

scrolltop number

节点的竖直滚动位置。

scrollheight number

节点的可滚动高度。

scrollwidth number

节点的可滚动宽度。

selectorquery.scrolloffset(function callback)
axml 代码
js 代码
回调参数
<view class="page">
  <view id="scroll" style="height:200px;overflow: auto">
    <view style="height:400px">独立滚动区域view>
  view>
  <button type="primary" ontap="oncreateselectorquery">节点查询button>
view>
page({
  oncreateselectorquery() {
    const selectorquery = my.createselectorquery()
    //查询 viewport 的滚动信息
    selectorquery.selectviewport()
      .scrolloffset()
      .exec((res) => {
        console.log("viewport scrolloffset: ", res)
      });
    //查询滚动区的滚动信息
    selectorquery.select('#scroll')
      .scrolloffset()
      .exec((res) => {
        console.log("scroll 区域 scrolloffset: ", res)
      });
  }
})
{
    "dataset": {},
    "id": "",
    "scrollheight": 679,
    "scrollleft": 0,
    "scrollto": 172,
    "scrollwidth": 390
}
  • tip
    节点滚动位置信息可同时在 selectorquery.scrolloffset 和 selectorquery.exec 的回调函数中获取。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图