Как сделать слайдер, который выходит с правой стороны за пределы контейнера?

Question

[nester-dev]

Ребят, вопрос уже подымался, но всё-таки как возможно реализовать слайдер который выходит из контейнера только с правой стороны?

Comments

[Ankhena]

Ребят, вопрос уже подымался

Так может там и ответы были?
https://qna.habr.com/q/1122362

Answer 1

[Сергей delphinpro]

Просто задать ширину блока со слайдером

<div class="section">
  <div class="container">
    <div class="slider">
      
    </div>
  </div>
</div>

.section {
  overflow: hidden;
}
.container {
  width: 1000px;
  margin: auto;
  padding: 10px 0;
  background: green;
}
.slider {
  height: 100px;
  background:red;
  width: calc(50% + 50vw);
}

Comments

[Rerichia]

А как бы вы доделали этот слайдер так, чтобы при прокрутке, блоки слайдера не уходили вникуда, а уезжали влево за контейнер?