收藏
回答

scroll-view的子元素css设置position: sticky属性吸顶异常?

scroll-view标签设置position: fixed而且纵向滚动,里面的菜单栏元素设置了position: sticky吸顶,滚动到大概第二页的时候吸顶就跟着一起滚动上去了,没法一直吸顶,有没有办法解决?还是说官方没有适配好?

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

5 个回答

  • 微信小店技术专员-binnie
    微信小店技术专员-binnie
    2022-12-20

    粘性布局可以试试 sticky-section

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


    2022-12-20
    有用 1
    回复
  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2022-08-03

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-08-03
    有用
    回复
  • 只会番茄炒蛋
    只会番茄炒蛋
    2022-10-08

    遇到同样问题。内部包裹一个view算好所有元素的宽度给这个view即可

    2022-10-08
    有用 3
    回复 2
  • 🤔
    🤔
    02-06

    我找了一个解决方案,无意当中的意外发现:

    1. 更新基础库版本:首先,确保你的小程序基础库版本至少为 3.2.1,因为这是 using-sticky 属性支持的最低版本。
    2. 设置 using-sticky 属性:在 scroll-view 组件上添加 using-sticky 属性,并将其值设置为 true
    示例:<scroll-view scroll-y using-sticky style="height: 100vh;">
           <uv-sticky>
           <!-- 你的内容 -->
           </uv-sticky>
    </scroll-view>
     
       这里使用uv-sticky组件固定  或view盒子标签上写 使用样式postion:sticky  的方案都可以 避免滚动一半 滚动失效跟着滚动的问题,完美解决了
    



    02-06
    有用
    回复
  • P
    P
    2022-09-27

    遇到一样的问题, 无论左侧固定 还是顶部固定, 超过一屏的宽度或者高度就没法一直吸顶

    2022-09-27
    有用
    回复
登录 后发表内容