css隐藏溢出隐藏的滚动条

前端小菜鸟也有人起2024-04-02 10:43

msOverflowStyle: 'none': 这个属性用于在 Internet Explorer 浏览器中定义滚动条的样式。将其设置为 'none' 可以隐藏滚动条。
scrollbarWidth: 'none': 这个属性用于定义滚动条的宽度。将其设置为 'none' 可以隐藏滚动条。这个属性在一些新的浏览器中被支持，如 Firefox。
WebkitOverflowScrolling: 'touch': 这个属性用于在支持 WebKit 的浏览器（如 Safari）上启用平滑的滚动效果，特别是在触摸屏设备上。这样可以让滚动更加流畅，类似于原生应用程序的滚动效果。
复制代码
```
   scrollbar-width: none; /* 隐藏滚动条 Firefox */
    -ms-overflow-style: none; /* 隐藏滚动条 IE Edge */
    -webkit-overflow-scrolling: touch; /* 启用流畅的滚动效果 */
```