Question

我正在使用可滚动内容的popover（类似于Facebook的通知弹出窗口）。

目前，当popover具有焦点并且用户滚动其内容时滚动并且一切正常，直到达到底部并且父级开始滚动（see example of problem on CodePen）。

我试图阻止父母在达到孩子的底部时滚动，并且如果可能的话，我希望用只是CSS 进行滚动！

Answer 1

如果您在overflow: hidden中设置body，则会阻止其滚动。当然，当您关闭弹出窗口时，您将需要删除此属性。

Answer 2

添加到Sam的回答中。告诉它你想要的东西 - 例子;

    <div class="hover-content" 
         onmouseover="document.body.style.overflow='hidden';"           
         onmouseout="document.body.style.overflow='auto';">
blah yay I'm fixed
</div>

希望这会有所帮助，欢呼

如何防止子卷轴滚动其父卷轴

2 个答案: