y 스크롤을 사용 중지 하시겠습니까?

Question

문제가 있습니다 .. 오버플로가 숨김으로 설정되었지만 여전히 마우스 커서로 스크롤 할 수 있습니다. 어떻게 비활성화 할 수 있습니까? 나는 배경으로 비디오를 가지고있다.

html 코드 :

<video src="background/background1.mp4" autoplay="autoplay" loop="loop" id="background"> </video> 

CSS :

body{ 
    width: 100%; 
    min-width:720px; 
    font-size: 13.5px; 
    margin: 0 auto; 
    font-family: Arial, Helvetica, sans-serif; 
    background-size: cover; 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    font-size: 100%; 
    overflow:hidden;  

} 

#background{ 
    overflow:hidden; 
    width: 100%; 
    position: relative; 
    min-width: 320px; 
    min-height: 180px; 
} 

오버 플로우 : 숨겨진; x 스크롤을 위해 작동하며, X와 Y 스크롤바는 모두 사라졌지 만 마우스 휠을 사용하여 스크롤 할 수 있습니다.

Answer 1

CSS 파일에 넣고보십시오 :

html{ 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 

편집 몸도 포함 :

body{ 
    width: 100%; 
    height: 100%; 
}