如何防止背景滚动

Question

点击一个按钮，我设法淡化了背景，但我也希望背景不可滚动。我还删除了所有指针事件。这是我在单击按钮时添加和删除的类

.blur{
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
/* Anything blurred should be unclickable */
pointer-events: none;
overflow: hidden;
}

我仍然可以滚动。有什么建议？ ：）

度过愉快的一天

Answer 1

试试这个

.blur{
position:fixed;
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
/* Anything blurred should be unclickable */
pointer-events: none;
overflow: hidden;
}