如果div溢出-y到达底部继续滚动身体？

Question

如果用户到达此div的末尾时，我发现使用overflow-y: scroll创建div时会发现非常烦人，必须将鼠标移到外面以继续在主页面上滚动。
基本上我需要这样的东西：example
如果您打开“购买外观”并滚动此div直到底部，您将看到然后将继续在主页面上滚动。
是纯粹的CSS还是需要jQuery？

Answer 1

您所描述的内容是默认行为（至少在Chrome中）。

所以我有两个div并排，一个内容溢出。

当我向下滚动并到达内容的末尾时，窗口开始滚动。

.div1 {
  float:left;
  background: steelblue;
  height: 150vh;
  width: 50%;
}

.div2 {
  float:right;
  background: indianred;
  height: 75vh;
  width: 50%;
  overflow:scroll;
}

DEMO https://jsfiddle.net/9pne7dn5/1/