目录
有时候，无论内容是否超出都不显示，我们需要隐藏浏览器的默认滚动条，如下图
1.Chrome |Safari
谷歌与苹果自带浏览器，隐藏浏览器自带滚动条：
*::-webkit-scrollbar {
display: none;
}2.Firefox
火狐浏览器，隐藏浏览器自带滚动条：
* {
scrollbar-width: none;
}3.IE | Edge
IE 与微软浏览器，隐藏浏览器自带滚动条：
* {
-ms-overflow-style: none;
}demo
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>隐藏浏览器自带滚动条</title>
<style>
/* 谷歌与苹果自带浏览器 隐藏浏览器自带滚动条 */
*::-webkit-scrollbar {
display: none;
}
/* 火狐浏览器 隐藏浏览器自带滚动条 */
* {
scrollbar-width: none;
}
/* IE 与微软浏览器 隐藏浏览器自带滚动条 */
* {
-ms-overflow-style: none;
}
</style>
</head>
<body>
<div style="height:800px">隐藏浏览器自带滚动条</div>
</body>
</html>实现效果对比
滚动条未隐藏前页面
隐藏滚动条效果页面
