Tencent / Tencent/tdesign-miniprogram

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

Open
#2,402 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the provided tdesign-miniprogram 1.2.3 example using scroll-view, t-sticky, t-dropdown-menu, and t-tree-select. Start by checking the interaction between the fixed-height scroll-view and t-sticky with offset-top set to 100; done means the sticky content can remain pinned within the scroll-view.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.