[Bug 上报] Tab 标签页与Navbar 导航栏组合时遇到的问题

[68511992]

Wot Design Uni 版本号

1.3.6

平台

微信小程序

复现Demo地址

https://github.com/Moonofweisheng/wot-design-uni/

重现步骤

Tab 标签页与Navbar 导航栏组合使用时。在小程序端，使用【Navbar 导航栏】固定在顶部 然后我在下方使用【Tab 标签页】想让【Tab 标签页】浮动在【Navbar 导航栏】下方，但是【Tab 标签页】【粘性布局】sticky会让【Navbar 导航栏】固定在顶部的安全距离失效，我在小程序向下划动时【Tab 标签页】不会浮动在【Navbar 导航栏】下，而是自动吸顶到最顶端了。

期望的结果是什么？

期望

实际的结果是什么？

实际的结果是，我向下滑动时【Tab 标签页】会自动浮动到最顶了，

环境信息

No response

其他补充信息

No response

[68511992]

在H5端是正常的。

[github-actions]

你好，@68511992。

我们需要你提供一个最小重现demo，以便于我们帮你排查问题。你可以通过 fork wot-starter-retail 并添加相关复现逻辑来提供。

[Moonofweisheng]

自定义navbar后，页面高度就要加上navbar的高度了，按照你的描述，应该需要将navbar设置为fixed，并且获取navbar所占据的高度，设置为tabs的offset-top。效果参考附件视频。

QQ20240728-131845-HD.mp4

[68511992]

相当于要计算offset-top的值，然后再赋值是吧，我已经这样做了，可以解决。我还说是有更优解，我就不再计算状态栏和导航栏了。

[Moonofweisheng]

自定义navbar需要手动指定tabs的offset-top，tabs也无法自动兼容这个场景。

…

---原始邮件--- 发件人: ***@***.***> 发送时间: 2024年7月28日(周日) 中午1:27 收件人: ***@***.***>; 抄送: ***@***.***>;"State ***@***.***>; 主题: Re: [Moonofweisheng/wot-design-uni] [Bug 上报] Tab 标签页与Navbar 导航栏组合时遇到的问题 (Issue #465) 相当于要计算offset-top的值，然后再赋值是吧，我已经这样做了，可以解决。我还说是有更优解，我就不再计算状态栏和导航栏了。 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you modified the open/close state.Message ID: ***@***.***>

[68511992]

收到，感谢老哥

[github-actions]

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。