如果div的溢出Y到达底部，继续在主体上滚动？

Question

当创建带有overflow-y: scroll的div时，我感到非常烦人overflow-y: scroll如果用户到达此div的末尾，则overflow-y: scroll将不得不将鼠标移到外面以继续在主页上滚动。
基本上，我需要这样的： 例如
如果您打开“购物的外观”并在该div上滚动直到底部，您将看到它，然后将继续在主页上滚动。
纯CSS可能还是需要jQuery？

Answer 1

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

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

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

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

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

演示https://jsfiddle.net/9pne7dn5/1/