TopAppBar组件的自动padding-top的页面错位问题

[meowluna]

mdui版本：v2.1.2，使用vue3

---

问题一：TopAppBar组件的自动padding-top的页面错位问题，导致页面内容被遮挡

复现步骤：无
复现链接：🔗🔗🔗

---

问题二：TopAppBar组件的自动padding-top的页面错位问题，添加Transition过渡动画后，进行路由后自动padding-top失效

复现步骤：1.进入子页面，页面错位，自动padding-top失效
2.返回后原页面也错位
3.刷新后自动padding重新生效
复现链接：🔗🔗🔗

[zdhxiong]

第一个问题：
看文档：

不希望在 body 上添加 padding-top 时，应该指定 scroll-target 属性。

第二个问题：
使用了 keep-alive 导致的 bug，等后续修复

[meowluna]

可是我希望在body上加padding啊，问题是自动加的padding太少了遮挡内容

[zdhxiong]

可是我希望在body上加padding啊，问题是自动加的padding太少了遮挡内容

你用了两个 TopAppBar 组件，应该只有第一个是希望在 body 上加的，第二个不需要在 body 上加。

[meowluna]

明白了，根据文档其值为可滚动内容的容器的 CSS 选择器或 DOM 元素，是否可以填入由ref控制的dom元素？

[zdhxiong]

明白了，根据文档其值为可滚动内容的容器的 CSS 选择器或 DOM 元素，是否可以填入由ref控制的dom元素？

应该可以的，你可以自己试试