使用popover过程中遇到了点小麻烦

[ShangChien]

在用n-grid展示n-card时，点击相应的card，popover弹出具体的内容描述。但是当popover弹出的内容超出浏览器的视图时，会激活浏览器原生的视窗滚轮（n-layout里禁用了原生的滚轮），这样就很不美观。

很自然想到把popover的位置设为top，但是内容描述好像不会跳出父元素card的框框，反而会挡住图片本身：

后面仔细看了下官网naive UI的popover展示，当弹出内容碰到视图边框会自动调整。这是有什么细节需要注意吗？
（我使用naive UI是v2.29.0）

[07akioni]

正常来说是会避让的，我也不太清楚在你的环境里是出现了啥问题。

浏览器有没有缩放？

最好能给个复现，不然很难确定发生了啥。

[07akioni]

这个属性控制自动调整，但是默认是 true 的

[ShangChien]

简单回复一下，本来想写个在线的代码复现，但是简单的playground不能装naive_ui， 初学只会<script setup>，但是StackBlitz用起来总是报defineProps未定义。所以在线的代码复现卒。。。

不过，我自己又捣鼓了一会，似乎知道了出问题的原因。

• popover的内容位置不对，是父元素card的position和插槽内容的position用错了，顺便深入学了下position的五个参数用法。
• 原生滚动条的出现，可以通过设置popover的 :to='false'解决。不确信具体原因，但是在弹出内容过程中查看html元素变化，发现弹出元素是body的直接子元素，和我的layout 框架同级。而且dom元素不会消失。虽然浏览器中不显示，但似乎还是会计算高和宽，所以应该是这样挤出了原生浏览器的滚动条。(但是官网popover弹出的，也是body直接子元素。。。所以上面脑洞分析可能是胡说八道)

总结，我太菜了，还要继续认真学。

[07akioni]

弹出在 body 的原因是因为不会被用户的 overflow 样式影响

[07akioni]

to=false，一般是比较特殊的时候有需要的话再用