CSS实现隐藏滚动条但可以滚动

2023-12-27 19:02:09

今天记录一个很小的问题，在工作之中会经常遇到的，当页面元素溢出的时候会产生滚动条，这个时候需要页面样式优化：CSS实现隐藏滚动条但是可以滚动。

通过设置高和voerflow，实现滚动条效果：

. page_list_box{
       height: 210px;
       overflow-y:auto;
}

各个浏览器隐藏滚动条：

谷歌浏览器：

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

火狐浏览器：

. page_list_box{
       height: 210px;
       overflow-y:auto;
       scrollbar-width:none;
}

　　IE浏览器：

. page_list_box{
	       height: 210px;
	       overflow-y:auto;
	       -ms-overflow-style:none;
}

　　更多java、大数据学习面试资料，请扫码关注我的公众号：

码农公寓