javascript - 有什么方法可以隐藏/禁用浏览器默认的垂直滚动条，但应该可以在全屏视图中使用鼠标滚轮滚动

Question

有没有办法隐藏/禁用浏览器默认的垂直滚动条，但应该可以在全屏视图中使用鼠标滚轮滚动（按 F11 键时）。overflow:hidden我在 body 和 html 标签中尝试了 css 属性，我可以隐藏/禁用滚动条。但内容也不能用鼠标滚轮垂直滚动。我希望它可以通过鼠标滚轮滚动滚动，但在切换到全屏视图时不需要显示垂直条。这个要求有什么解决方案吗？请帮忙。提前致谢。

Answer 1

它可以在没有 javascript 的情况下使用 css 来实现......有属性body::-webkit-scrollbar让它width to 0......请检查以下小提琴：https ://jsfiddle.net/u6egeL2L/1/

只需添加：
CSS

body::-webkit-scrollbar {
    width: 0em;

}

Answer 2

这会让你开始。基本上，您需要在 javascript 中捕获鼠标事件并手动滚动 div 以执行您想要的操作。