при максимальной правой прокрутке> - скрыть правую часть, а не левую часть

Question

Я хочу сделать одну простую вещь: у меня есть веб-сайт с двумя свитками, и я хочу скрыть правую часть, когда свиток находится на максимуме в правой части.Так что я использовал

document.onscroll = function() {
if (window.innerHeight + window.scrollY > document.body.offsetHeigh...

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

код ручки с точной задачей: https://codepen.io/marie-fran-oise-talbot/pen/LKeqBE

спасибо youuuuu

Answer 1

Нет необходимости в JS.Вы должны создать основной div с фиксированной высотой и скрытым переполнением.Вот рабочая демонстрация: https://codepen.io/anon/pen/ydpwNZ

.main{
  overflow:hidden;
  height:300px
}
.txt{
  width: 50%;
  overflow-y:scroll;
  height:100%;
  float:left;
}

.background{
  background-color:  #EAECEE;
  width:30%;
  overflow-y:scroll;
  height:100%;
}