Как реализовать слайдер?

Question

[kamelot43]

Ребята, приветствую ) Возникла задача реализовать нестандартный слайдер .

Справа нет ограничений - слайды свободно помещаются . Обрезаются только шириной экрана.
Слева есть ограничения - слайды не могут зайти за ширину блока. Т.е. Слайды не могут перекрывать блок с текстом .
Пробовал разные варианты, но пока не могу найти нормальное решение. Использую библиотеку Swiper. Подскажите как можно добиться нужного поведения ? Есть похожие примеры , где можно что-то подсмотреть для себя ? Заранее спасибо )

Answer 1

[Юрий]

Вариантов куча, на самом деле.
1) Жёстко заданная ширина для блока со свайпером (через calc, ширину экрана и ширину колонки). Даст overflow из контейнера справа, но если ширину считать правильно, горизонтальной прокрутки не будет.
2) Отрицательный margin-right для блока со свайпером (снова через calc, ширину экрана и ширину контейнера). То же самое насчёт overflow.
3) Вообще убрать контейнер и левой половине сделать нужный отступ слева. Считается так же через calc. Оверфлоу не будет.
4+++) Всякие разные варианты с абсолютом, но это уже эзотерика.

Первые два даже набросал примерно: