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; /* 启用流畅的滚动效果 */
相关推荐
前端Hardy21 小时前
12个被低估的 CSS 特性,让前端开发效率翻倍!
前端·javascript·css
前端Hardy21 小时前
HTML&CSS:精美的3D折叠卡片悬停效果
前端·javascript·css
nightunderblackcat21 小时前
新手向:中文语言识别的进化之路
前端·javascript·easyui
Spider_Man1 天前
打造属于你的前端沙盒 🎉
前端·typescript·github
用户47949283569151 天前
🤫 你不知道的 JavaScript:`"👦🏻".length` 竟然不是 1?
前端·javascript·面试
掘金一周1 天前
凌晨零点,一个TODO,差点把我们整个部门抬走 | 掘金一周 9.11
前端·人工智能·后端
用户8174413427481 天前
kubernetes核心概念 Service
前端
东北南西1 天前
Web Worker 从原理到实战 —— 把耗时工作搬到后台线程,避免页面卡顿
前端·javascript
Zz_waiting.1 天前
案例开发 - 日程管理 - 第六期
前端·javascript·vue.js·路由·router
袁煦丞1 天前
企业微信开发者的‘跨网穿梭门’:cpolar内网穿透实验室第499个成功挑战
前端·程序员·远程工作