CSS隐藏元素滚动条

针对特定浏览器设置滚动条样式来实现

Firefox浏览器

对于Firefox&＃xff0c;可以将滚动条宽度设置为none&＃xff1a;

scrollbar-width: none; /* Firefox */


IE浏览器

对于IE&＃xff0c;需要使用-ms-prefix属性定义滚动条样式&＃xff1a;

-ms-overflow-style: none; /* IE 10&＃43; */


Chrome和Safari浏览器

对于Chrome和Safari浏览器&＃xff0c;必须使用CSS滚动条选择器&＃xff0c;然后使用display&＃xff1a;none隐藏它&＃xff1a;

::-webkit-scrollbar {display: none; /* Chrome Safari */
}


注意&＃xff1a;当要隐藏滚动条的时候&＃xff0c;最好将overflow显示设置为auto或者scroll保证内容是可滚动的。