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

t-tabs,吸顶效果在scroll-view设置了refresher-enabled="{{true}}"之后,拖动到吸顶位置,就消失不见了

Open guoyutao opened this issue 1 year ago • 3 comments

tdesign-miniprogram 版本

1.6.0

重现链接

No response

重现步骤

<scroll-view id="scrollview" class="scroll_area" type="custom" scroll-y style="width: 100vw;" show-scrollbar="{{false}}" enhanced="{{true}}" refresher-enabled="{{true}}" refresher-threshold="{{50}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bind:refresherpulling="onPulling" bind:refresherrefresh="onRefresh" bind:refresherrestore="onRestore" bind:refresherabort="onAbort" bind:refresherstatuschange="onStatusChange" worklet:onstartstart="handleScrollStart" worklet:onscrollupdate="handleScrollUpdate" worklet:onscrollend="handleScrollEnd" bindscrolltolower="bindScrollTolower"

<t-tabs defaultValue="{{0}}" sticky stickyProps="{{stickyProps}}" bind:change="onTabsChange" bind:click="onTabsClick" bind:scroll="onStickyScroll" t-class="custom-tabs"

期望结果

No response

实际结果

No response

基础库版本

No response

补充说明

No response

guoyutao avatar Aug 27 '24 02:08 guoyutao

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

github-actions[bot] avatar Aug 27 '24 02:08 github-actions[bot]

@guoyutao 感谢反馈,我这里试了下拉刷新后tabs正常显示,Webview和Skyline都可以,你是因为没有给scrollview设置高度?可以提供一个最小复现片段以及视频我们再看看

jarmywang avatar Sep 01 '24 13:09 jarmywang

@guoyutao 感谢反馈,我这里试了下拉刷新后tabs正常显示,Webview和Skyline都可以,你是因为没有给scrollview设置高度?可以提供一个最小复现片段以及视频我们再看看

wxml

<scroll-view id="scrollview" class="scroll_area" type="custom" scroll-y style="width: 100vw;height: 700px;" show-scrollbar="{{false}}" enhanced="{{true}}" refresher-enabled="{{true}}" refresher-threshold="{{50}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bind:refresherpulling="onPulling" bind:refresherrefresh="onRefresh" bind:refresherrestore="onRestore" bind:refresherabort="onAbort" bind:refresherstatuschange="onStatusChange" worklet:onstartstart="handleScrollStart" worklet:onscrollupdate="handleScrollUpdate" worklet:onscrollend="handleScrollEnd" bindscrolltolower="bindScrollTolower"

<t-tabs defaultValue="{{0}}" sticky stickyProps="{{stickyProps}}" bind:change="onTabsChange" bind:click="onTabsClick" bind:scroll="onStickyScroll" t-class="custom-tabs"

js const app = getApp()

Page({ data: { stickyProps: { zIndex: 2, offsetTop: 100, contianer:"" }, }, onLoad() { console.log('代码片段是一种迷你、可分享的小程序或小游戏项目,可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档:') console.log('https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html') this.setData({ stickyProps: { zIndex: 9999999999999, offsetTop: 100, contianer:() => this.createSelectorQuery().select('.scroll_area') }, }); },

onStickyScroll(event) { console.log(event.detail); }, })

wxss page{ overflow-y: auto; }

.link-example { display: flex; align-items: center; justify-content: space-evenly; height: 96rpx; background-color: var(--bg-color-demo); }

.custom-tabs { z-index: 9999999999; background-color: red; }

json { "usingComponents": { "navigation-bar": "/components/navigation-bar/navigation-bar", "t-tabs": "tdesign-miniprogram/tabs/tabs", "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel", "t-link": "tdesign-miniprogram/link/link" } }

guoyutao avatar Sep 10 '24 12:09 guoyutao