Javascript & CSS : Hide scrollbar, 保持滚动事件正常工作

标签 javascript css

我正在开发一个小型自定义滚动条插件。

一切正常,但如何隐藏滚动条?

我不想将它全部包装在另一个元素中。另一个想法是在 native 滚动条上放置自定义栏,但 native 滚动条在不同的操作系统中具有不同的宽度,对吗?

您将如何摆脱原生滚动条?

最佳答案

我能想到的唯一适用于所有浏览器的方法是将所有内容包装在一个可滚动的 div 中。然后设置body或者html的overflow属性为hidden。

包裹的 div 应该将其高度调整为窗口的高度,并且宽度增加大约 50px,这样它的滚动条就会从 View 中隐藏起来,但您仍然可以上下滚动。

关于Javascript & CSS : Hide scrollbar, 保持滚动事件正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9759704/

相关文章:

css - 覆盖自举 Accordion 标题中的下划线

html - 将星号 (*) 与 HTML 表单中的标签垂直对齐

css - 如何将颜色和边框颜色分解为单个 CSS 样式并将其应用于 CSS 样式的其他部分

未检测到 css 文件时的 Python 异常以及如何检测 css 文件

javascript - 使用 Javascript 单击按钮时 DOM 删除表格行

JavaScript JS 可选

javascript - 使用 jQuery 隐藏标签后的文本

asp.net - 多个提交按钮和 css tabpanel

java - 如何使用警报框设置 session 超时

javascript - TypeScript 中的数组与字符串声明