Можно ли добавить выпадание блока по ховеру на слайд в свайпере?

Question

[sciencefront]

или тут не важно какой слайдер
нельзя такое сделать из-за того что слайдер обрезается?
https://codepen.io/Olya097/pen/LYdQvMj

Comments

[Даниил]

Вопрос не особо понятен, но, да, можно сделать

Answer 1

[Виталий Першин]

Зависит от того что надо показать, сколько места выделить и т.д.., можно контейнер раздвинуть вниз при помощи padding-bottom и будет определенный запас свободного места:

.swiper-wrapper {
/*   transition:all 0.5s; */
  transition:none;
  padding-bottom: 100px;
}

.submenu {
  position: absolute;
  top: 100%;
  height:100px;
  width: 100%;
  background: orange;
}

Если же места надо больше, а отступ больше сделать нельзя, тогда можно при помощи js показывать нужный контент, например можно использовать tippyjs и вставлять контент в body appendTo: () => document.body,

Comments

[sciencefront]

Виталий Першин, спасибо ,а для чего тут убрали транзишин?

[Виталий Першин]

sciencefront, Я просто скопировал ваш код