收藏
回答

小程序置顶功能-吸顶功能(sticky)实现,安卓侧表现异常

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 安卓 华为 任意

通过scroll-view 以及position:sticky实现了小程序吸顶功能,并通过scroll-top实现了点击tab滑动到吸顶的地方,但是在tab点击时高度会发生变动。可以同时代码片段的代码,观测到在高度变矮的情况下,吸顶元素会下滑一定的距离,复现路径

  1. 先点击1的位置是红色的view滑动到指定位置 触发sticky吸顶
  2. 在吸顶的情况下点击tab3这个时候 只剩下红色的框(这个是一个展示位的模块消失);这个时候吸顶的状态就会发生变更会下移 展示位模块的高度

如果上述操作不能复现可以在点击1吸顶后手动下滑一定距离,在点tab2 或者tab1,在吸顶态的时候点击tab3注意是一定在吸顶的时候点击tab3高度发生变更后才会复现。

安卓手机可以复现,ios手机正常

回答关注问题邀请回答
收藏

1 个回答

  • Demons
    Demons
    2022-10-30

    我华为手机无法复现可以提供一下复现视频吗

    2022-10-30
    有用
    回复
登录 后发表内容