小程序
小游戏
企业微信
微信支付
扫描小程序码分享
菜单吸顶效果不能实现:
上周社区功能优化更新(09.03-09.07)前:
安卓机微信小程序中使用:position: sticky还可以,测了很多安卓机
上周社区功能优化更新(09.03-09.07)后:
安卓机微信小程序中使用:position: sticky,全挂。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
一直有兼容性问题。。我是用相对位置API做的效果,实测的效果还不错
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createIntersectionObserver.html
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
用这个方法在开发工具测试可以,但是安卓真机测试时,控制台警告信息 Node "#menu" is not found. Intersection observer will not trigger.不知道是为什么
可以截图看在你的代码吗?或者做个代码片段
用的wepy开发的,开发工具上可以,真机上不管是类选择器还是id选择器都找不到
加个this呢
this.observer = wx.createIntersectionObserver(this)
不行呢,出现其他的错误了,可能这种方式也确实是有兼容性问题吧
要加 position: -webkit-sticky
加了,用position: -webkit-sticky(css方式)或者js一顿操作最后用fixed + absolute代替sticky(监听scrollTop值,最后还是回归到css),安卓中就是卡的飞起,在原生跟wepy中,唯一不卡的方式是加载几条数据(像严选砍价助手一样),或者固定页面(这样吸顶就没有意义),来个20条数据,字段多一些,我已用taro,看taro作者在感受到setData性能上有很大优化,准备试一下。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
一直有兼容性问题。。我是用相对位置API做的效果,实测的效果还不错
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createIntersectionObserver.html
用这个方法在开发工具测试可以,但是安卓真机测试时,控制台警告信息 Node "#menu" is not found. Intersection observer will not trigger.不知道是为什么
可以截图看在你的代码吗?或者做个代码片段
用的wepy开发的,开发工具上可以,真机上不管是类选择器还是id选择器都找不到
加个this呢
this.observer = wx.createIntersectionObserver(this)
不行呢,出现其他的错误了,可能这种方式也确实是有兼容性问题吧
要加 position: -webkit-sticky
加了,用position: -webkit-sticky(css方式)或者js一顿操作最后用fixed + absolute代替sticky(监听scrollTop值,最后还是回归到css),安卓中就是卡的飞起,在原生跟wepy中,唯一不卡的方式是加载几条数据(像严选砍价助手一样),或者固定页面(这样吸顶就没有意义),来个20条数据,字段多一些,我已用taro,看taro作者在感受到setData性能上有很大优化,准备试一下。