收藏
回答

scrollview内使用sticky做吸顶,并开启过渡动画,点击跳转到相应地方时,吸顶延迟到达?

使用scrollview后,在scrollview内使用sticky定位做吸顶效果,使用scroll-with-animation开启滚动效果,scroll-into-view进行瞄点滚动,但在滚动的过程中,吸顶的元素有延迟才能到顶,关掉过渡属性时一切正常,这种问题如何解决


demo: https://developers.weixin.qq.com/s/p7cvcPmG7cAN

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

6 个回答

  • 微信小店技术专员-binnie
    微信小店技术专员-binnie
    2023-03-06

    可以在 scroll-view 内使用 sticky 组件来完成

    https://developers.weixin.qq.com/miniprogram/dev/component/sticky-header.html

    2023-03-06
    有用 1
    回复 1
    • 张阳
      张阳
      2023-12-15
      Skyline 渲染引擎现在才多少人用,旧的渲染引擎不管了? 看到好几个官方回答,看到scroll-view 内使用 sticky,就发上面的链接,无语
      2023-12-15
      回复
  • 丶
    2022-08-29

    同样的问题

    2022-08-29
    有用 1
    回复
  • ⅴ
    2022-07-18

    你的topnav在导航下面,导致的导航会先消失,再出现吸顶效果吧。https://developers.weixin.qq.com/s/7ZTgxPm97NAx

    2022-07-18
    有用
    回复
  • 武曲心
    武曲心
    2022-07-18

    可考虑做两组吸顶元素,第一组是可以随页面滚动自然布局,第二组用定位先固定在吸顶位置,判断scrollTop,如果大于吸顶位置阈值时就显示第二组,第一组一般情况可不用隐藏,看情况处理,毕竟是滚出页面了的

    2022-07-18
    有用
    回复
  • 眼泪
    眼泪
    发表于移动端
    2022-07-17
    2022-07-17
    有用
    回复
  • 小鱼
    小鱼
    2022-07-17



    很简单的代码,就是这个延迟实在不知道怎么解决,我只发现点击跳转的时候,他是监听不到滚动的直接就改变了scrollTop,然后动画过渡导致了延迟,然后我不知道怎么解决这个问题,麻烦各位大佬们就救命

    2022-07-17
    有用
    回复 2
    • 阿白
      阿白
      2023-03-14
      我也遇到了这个问题。只不过我的跳转方式是pageScrollTo,跳转的距离越长,效果就越差
      2023-03-14
      回复
    • 阿白
      阿白
      2023-03-14
      请问楼主找到解决方法了吗?
      2023-03-14
      回复
登录 后发表内容