禁用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%;
}