@franticstas

Как раскрыть дополнительные поля при наведении курсора на карточку товара, в слайдере?

Как сделать эффект при наведении курсора на карточку товара в слайдере? Использую Swiper слайдер. В макете карточка товара при наведении закрывает нижний блок, но так как это слайдер, то у всего слайдера свойство overflow: hidden. Плюс карточки это flex элементы и если растягивать один элемент за ним тянуться остальные.
5d89f59e9fb19522820072.jpeg
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть.
При наведении на карточку товара добавляйте класс к обёртке слайдера с вот этим:
.class {
   padding-bottom: 1000px;
   margin-bottom: -1000px;
}

К обертке класс нужно добавлять именно при наведении на карточку товара внутри слайдера, а не на саму обёртку, иначе вы столкнётесь с тем, что контент ниже слайдера будет перекрыт.

Никак иначе вы не обойдёте механизм overflow.

Сделал кустарный пример, чтобы было понятнее:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы