当另一个面板完成滚动时，如何停止在一个面板上滚动？

Question

我有两个相邻的面板（旁边和文章），我希望旁边（内容的高度低于视口）停止滚动，直到文章（内容的高度大于视口）完成滚动。

这是我的CSS：

html, body {
  height: 100%;
}

div.container {    /*  containing my aside and article  */
  height: 100vh;
  display: flex;
}

aside, article {
  overflow-y: auto;
}

这可以处理滚动 - 但是，我希望整个屏幕停止，直到文章结束滚动，即使我在光标位于旁边面板上时滚动。

此网站执行我之后的行为：https://www.technologyreview.com/

纯CSS解决方案的任何想法？

谢谢！