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

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

0 голосов
/ 12 октября 2018

Ссылка для stackblitz

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

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

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

Над кодом, вызывающим проблемы на других слайдах

1 Ответ

0 голосов
/ 12 октября 2018

Поскольку вы добавили видимый класс 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

...