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