Как исключить visible: hidden для дочернего элемента?

Question

[Сергей]

Столкнулся с проблемой слайдера swiper. Суть в том что он обрезает все что за его пределами, с помощью overflow: hidden, а стрелки блока если не вмещаются залезают на элемент слайдера.
Необходимо позиционировать стрелки браузера которые выступают за общий контейнер.
На сколько возможно это сделать?

Answer 1

[Сергей]

Задача решена с помощью рефов, которые добавляются за пределы контейнера со слайдером.

Answer 2

[Антон Шаманов]

есть контейнер элементов слайдера, а есть контейнер слайдера и ты видимо их путаешь, короче кури мануал.

Comments

[Сергей]

Навигация находится внутри контейнера, а не элемента. А контейнер обрезается overflow: hidden'ом.
Чего я тут путаю то?

[Антон Шаманов]

Сергей, обрезаться должен блок swiper-wrapper - он 80-90%, кнопки по бокам 5-10% от ширины swiper-container

[Сергей]

Антон Шаманов, ты кидаешь пример где у слайдера 1 элемент. Представь что у тебя фиксированный контейнер 1440px, внутри находится слайдер с 4 элементами по 340px которые ужимаются под этот контейнер. Стрелки либо налезают на элементы слайдера, либо урезаются, если им задавать отрицательное позиционирование.

Читай лучше описание. Я не писал про контейнер самого слайдера, я имею ввиду что слайдер обрезает все что не вмещается в родительский ОБЩИЙ контейнер.

[Антон Шаманов]

Сергей, если нужно отображать несколько элементов, то их ширина = $('.swiper-wrapper').innerHeight() / кол-во элементов которое нужно отобразить

Answer 3

[Froggyweb]

Сделать паддинг у блока с overflow: hidden