jquery - 如果 div 的 overflow-y 到达底部继续在 body 上滚动？

Question

我发现在使用 overflow-y: scroll 创建 div 时非常烦人，如果用户到达此 div 的末尾，则必须将鼠标移到外面才能继续在主页上滚动。
基本上我需要这样的东西:example
如果您打开“shop the look”并在此 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/