[Sticky] 只能针对浏览器窗口进行定位

[beloved-zh]

tdesign-mobile-vue 版本

1.0.3

重现链接

No response

重现步骤

script setup lang="ts">
  function onScroll(context: { scrollTop: number; isFixed: boolean }) {
    console.log(context)
  }
</script>

<template>
  <div style="height: 200px" />
  <div id="container" class="sticky-demo">
    <div v-for="item in 40" :key="item">
      {{ item }}
    </div>
    <t-sticky container="container" :z-index="1000000" @scroll="onScroll">
      <t-button size="large" class="common-button green-button">
        指定容器
      </t-button>
    </t-sticky>
    <div v-for="item in 40" :key="item">
      {{ item }}
    </div>
  </div>
</template>

<style lang="less" scoped>
.sticky-demo {
  overflow: scroll;
  width: 100%;
  height: 400px;
  background-color: rgb(255 255 255 / 100%);
}

.common-button {
  margin-left: 256px;
  width: 104px;
  color: #ffffff;
}

.green-button {
  color: #ffffff;
  background-color: rgb(0 168 112 / 100%);
}
</style>

期望结果

可以指定父元素进行吸顶

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

IssueShoot

• 预估时长: 3
• 期望完成时间: 2023-09-21 00:00:00 +0000 UTC
• 开发难度: 中
• 参与人数: 1
• 验收标准: 实现期望改造效果，提 PR 并通过验收无误
• 备注: 最终激励以实际提交 pull request 并合并为准

[github-actions]

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