隐藏HTML页面上的默认滚动条而不使用overflow：hidden？

Question

不使用：

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

如何隐藏滚动条？

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

Answer 1

这适用于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仍然最受欢迎。

Answer 2

您是否尝试过overflow-x和overflow-y？

http://www.w3schools.com/cssref/css3_pr_overflow-x.asp http://www.w3schools.com/cssref/css3_pr_overflow-y.asp