隐藏滚动条，保持滚动效果

最新推荐文章于 2024-05-11 17:24:54 发布

Min_Fox

最新推荐文章于 2024-05-11 17:24:54 发布

阅读量261

点赞数 1

文章标签：前端 css3 javascript

本文链接：https://blog.csdn.net/min_fox/article/details/131454090

版权

这段代码展示了如何在HTML中隐藏滚动条，同时在IE、谷歌和火狐浏览器中保持正常的滚动效果。通过使用CSS属性`overflow:auto`，`scrollbar-width:none`和`-ms-overflow-style:none`，可以实现这一目标。`::-webkit-scrollbar`选择器用于隐藏Webkit内核浏览器（如谷歌）的滚动条。

摘要由CSDN通过智能技术生成

隐藏滚动条，但是保留原有的滚动效果，兼容ie，谷歌，火狐

html {
  overflow: auto;
  scrollbar-width: none; /* Firefox 64 */
  -ms-overflow-style: none; /* IE 11 */
}
html::-webkit-scrollbar {
  display:none;
}