收藏
回答

position: sticky;在scroll-view里面失效?为什么

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

6 个回答

  • Sheldon
    Sheldon
    11-01

    已解决,亲测有用,scroll-view 中间加一个 <view> 容器包裹所有内容,最小demo如下,送给有需要的人

    <scroll-view class="hide-scroll-container" style="height: 100vh;box-sizing: border-box;padding: 0;overflow-y: auto;" scroll-y refresher-enabled="{{false}}" refresher-triggered="{{pageLoading}}" bind:refresherrefresh="refreshList" bind:scrolltolower="loadMore" bind:scroll="handleScroll" show-scrollbar="{{false}}">

      <view>

        <!-- 所有代码放到这个里面来写 -->

        <view>其他内容</view>

        <view>其他内容</view>

        <view>其他内容</view>

        <view style="position: sticky;top: {{stickyTop}}px;">

          <text>电影</text>

          <text>其他</text>

        </view>

        <view>其他内容</view>

        <view>其他内容</view>

        <view>其他内容</view>

        <view>其他内容</view>

      </view>

    </scroll-view>

    11-01
    有用
    回复
  • 羊
    09-30

    我的是滚动一个屏幕后,sticky就失效了,解决办法是把父元素的height注释掉,可以用min-height替代,就可以了。

    09-30
    有用
    回复
  • 寄个饼给你啃
    寄个饼给你啃
    2023-07-25

    内套一个view,但是在ios端还是失效,各位遇到了么,如何解决的

    2023-07-25
    有用
    回复
  • 语风
    语风
    2022-03-08

    有bug

    2022-03-08
    有用
    回复
  • 执念
    执念
    2021-05-11

    同问,解决了吗?

    2021-05-11
    有用
    回复 5
    • 执念
      执念
      2021-05-11
      解决了楼主,在scroll-view内部套一个view然后再往里写内容就可以了
      2021-05-11
      4
      回复
    • SUN
      SUN
      2022-07-13
      大佬,我也是用你的这个方法scroll-view嵌套view,是可以实现吸顶,但滚动一两页就失效了,是什么原因?
      2022-07-13
      回复
    • YE
      YE
      2022-07-29
      position: sticky;在scroll-view外部失效?为什么
      2022-07-29
      回复
    • 那个男人
      那个男人
      2022-11-30回复执念
      已解决。感谢
      2022-11-30
      回复
    • lxy
      lxy
      06-05
      怎么解决的?
      06-05
      回复
  • 丶
    2020-12-02

    请问您现在解决了吗?

    2020-12-02
    有用
    回复
登录 后发表内容
问题标签