公告列表
公告列表
收藏
回答

微信小程序菜单吸顶效果，怎么做到和美团一样顺畅

现在公司开发一个小程序功能要做一个 和美团类似的吸顶效果，晚上找了很多方法，实现过程中都会不顺利，卡顿，不顺畅，延迟一系列的问题。哪位大神能遇到开发出来 和美团一样的吸顶效果顺畅。能否指教一番，谢谢

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

6 个回答

  • 2023-09-09

    我开始想的的是放置一个空元素在上层，滑到顶部，再隐藏，但是这样就无法点击下层的元素

    于是我发现scroll-y设置为false就好了，滑动到顶部再scroll-y=true。完美解决

    2023-09-09
    有用
    回复
  • 刘员外
    刘员外
    2020-01-07

    老哥我也是这么做的，但在临近吸顶的时候，还是会有些卡呢，你也是这样吗？

    2020-01-07
    有用
    回复 2
    • Mr.z
      Mr.z
      2020-01-07
      可能是在那个临界值会出现卡顿
      2020-01-07
      赞
      回复
    • 刘员外
      刘员外
      2020-01-07回复Mr.z
      对的，就是这样，能解决吗
      2020-01-07
      赞
      回复
  • 福清
    福清
    2019-12-06

    哪位大神说下啊


    2019-12-06
    有用
    回复 2
    • Mr.z
      Mr.z
      2020-01-07
      就是微信里面的监听scroll API 我们动态需要滚动的距离，需要吸顶的元素做成两个放在页面上，一个正常显示，一个隐藏在想要吸顶的位置，等你想要吸顶的元素到达指定位置时候，正常显示的元素消失，隐藏固定定位元素出现（他们是同一个元素）
      2020-01-07
      赞
      回复
    • Mr.z
      Mr.z
      2020-01-08
      你自己把界面高度调大一点啊
      2020-01-08
      赞
      回复
  • 浊
    浊
    2019-08-22

    老哥有在ios上面测试吗？我做的想法跟你一样，安卓机和开发工具都可以，但是ios上面只有在手指离开屏幕之后才会触发滚动监听事件，请问下你有碰到这个问题吗？

    2019-08-22
    有用
    回复
  • Mr.z
    Mr.z
    2019-05-14

    解决了

    只是还好 没那么流畅 还好能接受


    2019-05-14
    有用
    回复 4
    • 冰是沉默的水
      冰是沉默的水
      2019-06-06

      这个效果可以分享一下demo吗，最近也在做这个效果，有点卡。

      2019-06-06
      赞
      回复
    • Mr.z
      Mr.z
      2019-07-23回复冰是沉默的水
      可以的，我讲下原理吧 就是微信里面的监听scroll API 我们动态需要滚动的距离，需要吸顶的元素做成两个放在页面上，一个正常显示，一个隐藏在想要吸顶的位置，等你想要吸顶的元素到达指定位置时候，正常显示的元素消失，隐藏固定定位元素出现（他们是同一个元素）
      2019-07-23
      赞
      回复
    • 遇
      遇
      2020-08-20回复Mr.z
      大兄弟，主要问题不是在触发时机吗？触发时机还是在scroll滚动结束后才会触发回调函数。那么不还是有延迟啊。你隐藏一个显示一个是有触发时机的啊，那么在哪里触发呢？
      2020-08-20
      赞 1
      回复
    • 猴子不会飞
      猴子不会飞
      2021-07-14回复遇
      大神~请问你解决了吗?什么时候触发?
      2021-07-14
      赞
      回复
  • WuQi
    WuQi
    2019-05-14

    兄弟解决了么

    2019-05-14
    有用
    回复 2
    • Mr.z
      Mr.z
      2020-01-07
      解决了
      2020-01-07
      赞
      回复
    • 蔺幸宇
      蔺幸宇
      2020-10-27回复Mr.z
      这种会抖啊，体验不好吧
      2020-10-27
      赞
      回复
请 登录 后发表内容
相关问题
相关文档