[已解决]onPageScroll 苹果安卓手机会抖动延迟

时间：2019-05-07 来源：小程序工厂

问题模块框架类型问题类型终端类型微信版本基础库版本
框架微信小程序 Bug 客户端 6.7.3 2.3.0

onPageScroll: function (e) {
var that = this

//如果是点击菜单弹窗，则滚动时候不隐藏菜单
if (e.scrollTop>=230&&!this.data.showMenu) {
that.setData({
showMenu: true
})
}
else if (e.scrollTop < 430 && this.data.showMenu) {
that.setData({
showMenu: false
})
}
}

根据showMenu 来显示隐藏菜单

微信小程序开发问题解答

微信小程序开发者回答：

请问后来解决了吗

微信小程序开发者回答：

改用相交状态来做呢？

微信小程序开发者回答：

麻烦说具体一点哈我是控制class 来显示跟隐藏的

微信小程序开发者回答：

原理是一样的，比如当你界面有个玩意儿出了视窗范围，就会触发方法
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createIntersectionObserver.html

微信小程序开发者回答：

大神你用这个实现了滚动菜单吸顶效果吗？

微信小程序开发者回答：

嗯，真机上效果不错，但是TM模拟器上效果堪称恶劣

微信小程序开发者回答：

我改用
createIntersectionObserver
但是在苹果系统上滚动的时候不是时时监听变化哦是每次滚动完停止了才会触发安卓的没问题正常的苹果的不行哦

微信小程序开发者回答：

能做个代码片段吗？

微信小程序开发者回答：

wx.createIntersectionObserver().relativeToViewport({ bottom: 100 }).observe('.select-area', (res) => {
if (res.intersectionRect.bottom == 0) {
this.setData({
isfloat: true
})
}
else {
this.setData({
isfloat: false
})
}
console.log(res)
})
你试试这段代码放到onload里面然后用手机调试在ios里面，每次都是滚动完停止了才会打印 res

微信小程序开发者回答：

请使用预览，这个东西远程调试。。延迟巨大

微信小程序开发者回答：

安卓手机没事时时的

微信小程序开发者回答：

不远程调试，用预览打开，你iOS也会很延迟？

微信小程序开发者回答：

已经解决谢谢了

微信小程序开发者回答：

好哟

本文网址：http://www.91bianli.com/kaifazhinan/77462.html

上一篇：微信小程序setTopBarText 设置无效

下一篇：微信showmodal弹框异常关闭

微信小程序开发

[已解决]onPageScroll 苹果 安卓手机会抖动 延迟

微信小程序开发问题解答

[已解决]onPageScroll 苹果安卓手机会抖动延迟