css隐藏溢出隐藏的滚动条

  1. msOverflowStyle: 'none': 这个属性用于在 Internet Explorer 浏览器中定义滚动条的样式。将其设置为 'none' 可以隐藏滚动条。

  2. scrollbarWidth: 'none': 这个属性用于定义滚动条的宽度。将其设置为 'none' 可以隐藏滚动条。这个属性在一些新的浏览器中被支持,如 Firefox。

  3. WebkitOverflowScrolling: 'touch': 这个属性用于在支持 WebKit 的浏览器(如 Safari)上启用平滑的滚动效果,特别是在触摸屏设备上。这样可以让滚动更加流畅,类似于原生应用程序的滚动效果。

    复制代码
       scrollbar-width: none; /* 隐藏滚动条 Firefox */
        -ms-overflow-style: none; /* 隐藏滚动条 IE Edge */
        -webkit-overflow-scrolling: touch; /* 启用流畅的滚动效果 */
相关推荐
苏打水com2 小时前
第十八篇:Day52-54 前端跨端开发进阶——从“多端适配”到“跨端统一”(对标职场“全栈化”需求)
前端
Bigger2 小时前
后端拒写接口?前端硬核自救:纯前端实现静态资源下载全链路解析
前端·浏览器·vite
BD_Marathon2 小时前
【JavaWeb】路径问题_前端绝对路径问题
前端
whyfail3 小时前
Vue原理(暴力版)
前端·vue.js
Bigger3 小时前
Coco AI 技术演进:Shadcn UI + Tailwind CSS v4.0 深度迁移指南 (踩坑实录)
前端·css·weui
踢球的打工仔3 小时前
jquery的基本使用(3)
前端·javascript·jquery
前端无涯3 小时前
Trae的使用
前端·ide·trae
WG_173 小时前
Linux:进程控制
前端·chrome
[seven]3 小时前
React Router TypeScript 路由详解:嵌套路由与导航钩子进阶指南
前端·react.js·typescript