ngx-swiper скрывает всплывающее окно внутри

Question

Ссылка для стекаблиц

Выше приведена ссылка на пример приложения, я пытаюсь показать всплывающее окно, которое находится внутри свипера, поэтому я использовал переполнение: видимое, но оно мешает скольжению свипера. Пожалуйста, дайте мне знать, как я могу это исправить

Есть три слайда, я показываю один слайд за раз и 3, 1 слайд имеет всплывающую ссылку, нажмите на ссылку, чтобы открыть всплывающее окно, но, поскольку эта всплывающая ссылка находится внутри swiper, поэтому она скрыта с помощью swiper div. Переполнение: видимое, у меня работает, чтобы правильно отобразить ссылку всплывающего окна, но оно начинает показывать два слайда

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

Выше кода вызывает проблемы для других слайдов

Answer 1

Поскольку вы добавили видимый класс swiper! Важно, что отображаются скрытые элементы div, удалите этот код и используйте transform:translate для перемещения подсказки.

---

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

Ваш пример Forked: https://stackblitz.com/edit/swipper-pagination-vftiby