<分区>
我正在开发一个带有可滚动内容的弹出窗口(类似于 Facebook 的通知弹出窗口)。
当前，当弹出窗口获得焦点并且用户滚动其内容时，一切都很好，直到到达底部并且父级开始滚动(see example of problem on CodePen)。
我试图阻止父级在到达子级底部时滚动，并且如果可能的话，我想使用 just CSS 来做到这一点!
<分区>
我正在开发一个带有可滚动内容的弹出窗口(类似于 Facebook 的通知弹出窗口)。
当前，当弹出窗口获得焦点并且用户滚动其内容时，一切都很好，直到到达底部并且父级开始滚动(see example of problem on CodePen)。
我试图阻止父级在到达子级底部时滚动，并且如果可能的话，我想使用 just CSS 来做到这一点!
最佳答案
如果您在 body 中设置了 overflow: hidden，这将阻止它滚动。当然，当您关闭弹出窗口时，您会想要删除此属性。
关于css - 如何防止在 child 中滚动滚动其 parent ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23091516/