tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

[Sticky] scroll-view设定高度后,sticky无法吸顶

Open vicorn opened this issue 2 years ago • 4 comments

tdesign-miniprogram 版本

1.2.3

重现链接

No response

重现步骤

代码如下

<view>
  <scroll-view scroll-y
    style="height:300px;background-color: gray;">
    <view style="height:2000px">
      <view style="height: 200px;"></view>
      <t-sticky offset-top="{{ 100 }}">
        <t-dropdown-menu>
          <t-dropdown-item label="筛选"
            bindchange="onChange">
            <t-tree-select options="{{options}}"
              value="{{value}}"
              bind:change="onChange" />
          </t-dropdown-item>
          <t-dropdown-item label="全部" />
        </t-dropdown-menu>
      </t-sticky>
    </view>
  </scroll-view>
</view>

期望结果

能够在scroll-view布局中吸顶

实际结果

无法触发吸顶效果

基础库版本

No response

补充说明

No response

vicorn avatar Oct 19 '23 07:10 vicorn

👋 @vicorn,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Oct 19 '23 07:10 github-actions[bot]

我这么解决的,在scroll-view上bind scroll ,然后在函数里面调用 组件内部方法。

const groupSticky = this.selectComponent('#groupSticky');
groupSticky.onScroll(e.detail);

Delevin888 avatar Mar 12 '24 03:03 Delevin888

我这么解决的,在scroll-view上bind scroll ,然后在函数里面调用 组件内部方法。

const groupSticky = this.selectComponent('#groupSticky');
groupSticky.onScroll(e.detail);

这个确实可以解决普通的Sticky组件吸顶问题,但是我Tabs组件里的吸顶不行哎

TyinOne avatar Mar 21 '24 00:03 TyinOne