Javascript 隐藏HTML页面上的默认滚动条而不使用溢出：隐藏？

不使用：

<style type="text/css">
body {
    overflow:hidden;
}
</style>

身体{
溢出：隐藏；
}

如何隐藏滚动条

注意-我需要其他元素溢出

这适用于webkit：

#element::-webkit-scrollbar { 
    display: none; 
}

如果要隐藏所有滚动条，请使用：

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

对于Chrome和Safari浏览器，请使用：

.element::-webkit-scrollbar { width: 0 !important }

还有一个CSS规则可以在IE 10+中隐藏滚动条

.element { -ms-overflow-style: none; }

---

但是

overflow:hidden

仍然是最流行的。你试过

overflow-x

和

overflow-y

吗

---

那么是否为其他元素启用溢出

div{overflow:auto}

-类型的东西。我不太明白你为什么不在body上使用

overflow:hidden

。其他元素仍然可以有属性溢出：auto，即使正文没有。@timo请稍等。屏幕截图就要来了。也许小提琴会更有用。@timo让我知道它是否有意义，但Webkit并不兼容所有浏览器。FF，Edge不能使用这个。过去有一个CSS规则可以在Firefox中隐藏滚动条，但后来它被弃用了。规则是：

.element{overflow:-moz scrollbars none；}