Поместить полосу прокрутки в центр прокручиваемого div? - PullRequest
0 голосов
/ 07 марта 2020

Мне нужно поместить полосу прокрутки в центре div. Как мне выполнить sh, убедившись, что элементы внутри div правильно отображаются?

<div class="container">
  <div class="child"></div>
  <div class="child"></div>
</div>
.container {
  overflow-y: scroll;

  width: 80%;
  height: 200px;
  background: #eaa;
  padding: 10px;
  margin: auto;
}

.child {
  display: inline-block;
  width: 40%;
  height: 400px;
  background: #aae;
  margin-left: 5%;
}

https://codepen.io/pragy/pen/RwPjpvX

I wi sh чтобы это выглядело так: https://i.imgur.com/kKUXYzo.png, чтобы полоса прокрутки была в центре, а дети вокруг нее.

Есть ли способ сделать это без javascript

...