滚动对话框主体，但不是它下面的页面

Question

我在页面顶部有一个可滚动的对话框（带有可滚动的内容正文）。现在我希望当我尝试滚动时，使用鼠标滚轮在对话框内部，只有对话框主体应该滚动而不是它下面的页面。

我该怎么做？

Answer 1

您可以尝试将所有内容整理到包含overflow: auto的块中，并将窗口的overflow属性设置为hidden。

参见示例here。

我认为你不能阻止窗口滚动。请参阅类似问题：prevent Scroll "bubbling" from element to window。

另一个答案表明您可以阻止鼠标滚轮事件的默认效果：Prevent scrolling of parent element?。但它并不理想，因为在按键，选择文本等时也会发生滚动。