javascript - ngx-swiper 将弹出窗口隐藏在其中

Question

Link for stackblitz

上面是示例应用程序的链接，我试图显示滑动器内部的弹出窗口，所以我使用了 overflow:visible 但它会干扰滑动器滑动。请让我知道如何修复它

有三张幻灯片，我一次显示一张幻灯片，然后放出 3 张，其中 1 张幻灯片有弹出链接，单击链接会打开弹出窗口，但由于该弹出链接位于滑动器内，因此它隐藏了滑动器分区溢出:可见，适合我正确显示弹出链接，但它开始显示两张幻灯片

  .swiper.activeIndex{
    overflow: visible !important;
  }

以上代码导致其他幻灯片出现问题

Answer 1

因为你添加了 swiper class visible !important 隐藏的 div 正在显示删除该代码并使用 transform:translate 移动你的工具提示

---

.popup .show {
    visibility: visible !important;
    -webkit-animation: fadeIn 1s;
    transform: translate(10px,4px);
    animation: fadeIn 1s;
}

您的 fork 示例:https://stackblitz.com/edit/swipper-pagination-vftiby