Javascript 当子滚动到达底部时，防止父滚动

我有一种情况，当子滚动到达底部时，父滚动接管并开始滚动整个屏幕

我有一个正常的图标页面，顶部有一个水平条。当用户单击顶栏时，一个div向下滑动，显示覆盖除顶栏外整个屏幕的项目列表。因为这个列表比我允许在div中垂直滚动的屏幕高度要长。现在的问题是当用户在div中滚动并到达列表的底部时，背景页开始向上滚动

我想要的是，在div中，当用户到达列表底部时，滚动不应该滚动背景/父页面

代码示例（在浏览器中，到达底部后需要移动鼠标一点）

谢谢