Javascript 隐藏滚动条/删除滚动条

Javascript 隐藏滚动条/删除滚动条,javascript,html,css,scrollbar,Javascript,Html,Css,Scrollbar,我一直在想,你如何才能做到这一点: 正如我用自己的话所说,删除或隐藏滚动条。我知道你可以很容易地把溢出:隐藏,但这并不能真正解决问题,例如在铬,它不会让你滚动鼠标滚轮相当恼人 我已经寻找了很长一段时间,现在如何实现类似的东西,顺便说一下,我不知道如何再次调用它,我搜索它作为隐藏滚动条,删除滚动条,但没有成功 如果有人能给我指出正确的方向,那就太棒了 我认为页面的填充量不会超过窗口,因此没有滚动条。当您向上或向下滚动时,最有可能的事件侦听器只是在更改内容 body{overflow:hidden}

我一直在想,你如何才能做到这一点:

正如我用自己的话所说,删除或隐藏滚动条。我知道你可以很容易地把溢出:隐藏,但这并不能真正解决问题,例如在铬,它不会让你滚动鼠标滚轮相当恼人

我已经寻找了很长一段时间,现在如何实现类似的东西,顺便说一下,我不知道如何再次调用它,我搜索它作为隐藏滚动条,删除滚动条,但没有成功


如果有人能给我指出正确的方向,那就太棒了

我认为页面的填充量不会超过窗口,因此没有滚动条。当您向上或向下滚动时,最有可能的事件侦听器只是在更改内容


body{overflow:hidden}可以在某些浏览器中使用,但并非所有浏览器都可以使用,因此,为了避免使用滚动条,只需不要让内容大于窗口即可

它看起来像是对视差滚动的一种稍微改变

如果你用谷歌搜索它,你可以找到无数种不同的方法,教程、示例、模板等等。

第10行的Change overview.css

从第415行和第8行的overview.css中删除以下内容


只需将下面的代码添加到css文件中

::-webkit-scrollbar { 
    display: none; 
}
小心! 这将禁用所有滚动条,因此如果您只想隐藏一个滚动条,请确保将其放入特定的类或id中

 overflow: hidden;
::-webkit-scrollbar { 
    display: none; 
}