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 的回调函数中获取。