列表滚动穿透问题

vue
<Teleport to="body">
  <div v-if="show" class="fixed inset-0 z-50" style="pointer-events:none">
    <!-- touch-action:none 彻底阻止背景页面滚动 -->
    <div class="absolute inset-0 bg-black/40"
         style="pointer-events:auto;touch-action:none"
         @click="show = false"></div>
    <!-- pointer-events:auto 恢复卡片内交互 -->
    <div class="absolute right-3 top-20 w-72"
         style="pointer-events:auto">
      <div class="overflow-y-auto">评论内容</div>
    </div>
  </div>
</Teleport>