以最大右滚动>-隐藏右部分而不是左部分

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%;
}