vant icon indicating copy to clipboard operation
vant copied to clipboard

[Feature Request] 标签页tab粘性布局增加设置指定容器

Open jackjtr opened this issue 1 year ago • 2 comments

这个功能解决了什么问题?

Tab组件提供了粘性布局,但是仅有offset-top无法覆盖所有应用场景(offset-top为动态时需要额外进行计算),希望可以像Sticky组件一样提供container设置


看了源码以后感觉理想状态是能够提供一个真正的sticky功能,目前虽然可以通过修改wrap样式实现

& :deep(.van-tabs) {
  .van-tabs__wrap {
    position: sticky;
    top: 0;
    z-index: 2;
  }
}

你期望的 API 是什么样子的?

<van-tabs sticky :sticky-container="container">
...
</van-tabs>

jackjtr avatar Oct 26 '23 08:10 jackjtr

目前 Tabs 里的 Sticky container 默认为 Tabs 的根节点。

如果 Tabs 提供 sticky-container 属性的话,是在什么场景下使用呢?需要把 sticky-container 指向什么样子的节点

chenjiahan avatar Nov 05 '23 06:11 chenjiahan

目前 Tabs 里的 Sticky container 默认为 Tabs 的根节点。

如果 Tabs 提供 sticky-container 属性的话,是在什么场景下使用呢?需要把 sticky-container 指向什么样子的节点

~~某些情况会用tabs作为筛选器,需要粘性布局到tabs的父级~~ 准确地说应该是最近一级的可滚动容器

jackjtr avatar Nov 06 '23 07:11 jackjtr