如何防止滚动子滚动其父级

Question

我正在开发具有可滚动内容的弹出窗口（类似于Facebook的通知弹出窗口）。

当前，当弹出窗口具有焦点并且用户滚动其内容滚动时，一切都很好，直到到达底部并且父级开始滚动为止（请参见CodePen上的问题示例）。

我试图防止父级滚动到达子级的底部时，如果可能的话，只想使用CSS滚动！

Answer 1

如果你设置overflow: hidden的body，这将防止它滚动。当然，当您关闭弹出窗口时，您将要删除此属性。