Tencent / Tencent/tdesign-miniprogram
[Sticky] scroll-view设定高度后,sticky无法吸顶
Open
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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