yiyayiya
yiyayiya
  • 发布:2020-05-20 09:49
  • 更新:2023-07-05 16:49
  • 阅读:12757

uni.pageScrollTo指定scrollTop值执行后滚动条位置未有响应

分类:uni-app

uni.pageScrollTo({
duration:0,//过渡时间必须为0,uniapp bug,否则运行到手机会报错
scrollTop: 600,//滚动到目标位置
success:function(){
console,log('成功了')
}
})
打印结果:成功了
结果:滚动条位置并没有改变

解决办法:
加个setTimeout
var timer = setTimeout(() =>{
uni.pageScrollTo({
duration:0,//过渡时间必须为0,uniapp bug,否则运行到手机会报错
scrollTop: 600,//滚动到目标位置
success:function(){
console,log('成功了')
}
})
clearTimeout(timer)
},100)

3 关注 分享
wzsgjlzhy 1***@qq.com 九涯

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 w***@sina.com :
感谢大佬的指点,app端有用
2023-07-05 16:49
C***@163.com

C***@163.com

我试了,在微信小程序端可以
2022-09-17 10:36
梦尋Junjie

梦尋Junjie

我很好奇 你们是怎么知道 要滚动到哪里的(scrollTop 这个数据是怎么得来的)
2022-02-15 16:48
劝退师

劝退师

回复 w***@sina.com :
这样写也不行
2021-12-14 16:09
2***@qq.com

2***@qq.com

回复 w***@sina.com :
点赞
2021-11-29 20:33
y***@163.com

y***@163.com

实际上移动到顶部了,没有移动到指定位置
2021-10-05 23:28
y***@163.com

y***@163.com

我的也是
setTimeout(() => {
uni.pageScrollTo({
scrollTop: 99999,
success:function(e){
console.log('调用成功',e)
},
complete:function(e){
console.log('调用完成',e)
},
fail:function(e){
console.log('调用失败',e)
}
});

}, 50);
输出 调用成功 跟 调用完成
2021-10-05 23:09
wzsgjlzhy

wzsgjlzhy

感谢,我遇到了类似的问题,就是要突然滚到某个位置。我发现如果位置相差不大是可以滚动到位的,但是位置相差很大就不行了,在外面套了一层timeout函数以后,滚动就能到位了。
2021-04-08 15:03
取舍

取舍

我试了 nvue 页面 调用 没有效果
2020-10-24 16:58
s***@hainanplus.cn

s***@hainanplus.cn

h5上无法运行,在app和小程序是没有测试过
2020-10-24 15:47