如何防止背景滾動

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; 
}