收藏
回答

微信小程序锚点悬停导航栏如何劫持内部scroll-view滚动?

微信小程序片断:

https://developers.weixin.qq.com/s/9QiuNdmL7YGp

需求:向上滑动tab菜单内容区时,应该是整页面向上滚动,也就是包含“顶部内容”一起向上滚动,直到“顶部内容区”全部滚动消失后,tab菜单浮动定位到顶部后,再滚动tab菜单区。现在效果是只有“tab菜单内容区”自己滚动。

当向上滑动时,可以使用如下设置,使整个页面向上滚动。此时如何使tab菜单区域不动?或向相反方面滚动来抵消?

wx.pageScrollTo({
       scrollTop: scrollTop,
       duration: 0
 })

示意图如下:


最后一次编辑于  2023-02-22
回答关注问题邀请回答
收藏

1 个回答

  • H1HAO 🇨🇳
    H1HAO 🇨🇳
    2023-02-22

    你可以换个思路,全局都没有scroll-view,当tab滑到顶部的时候就定位在上面,这样整个页面都是在滑动的,完全就是一个衔接的,就是你想要的那种效果,没必要搞的这么复杂

    2023-02-22
    有用
    回复 2
    • 追枫
      追枫
      2023-02-22
      感谢指点!
      当tab菜单区的选项菜单固定到顶部时,tab菜单区是可以滚动的,滚动到指定内容区关联tab切换。不使用scroll-view能实现吗?
      2023-02-22
      回复
    • H1HAO 🇨🇳
      H1HAO 🇨🇳
      2023-02-22回复追枫
      页面内容跟tab定位是没关系的,下面的内容都是根据tab下标来if判断的,或者是所有的内容都是在一起,根据tab切换直接滚动到相应的位置,你可以参考美团服务的详情页的效果
      2023-02-22
      回复
登录 后发表内容