Javascript 我可以隐藏滚动条但保持溢出打开吗?

Javascript 我可以隐藏滚动条但保持溢出打开吗?,javascript,css,scrollbar,Javascript,Css,Scrollbar,我想制作一个定制的水平滚动条,这样所有的操作系统都能呈现相同的滚动条,而不会出现难看的窗口滚动条 我知道如何通过JS使用一些带滚动顶部的分区来创建一个,但我需要隐藏默认滚动条,但保持overflow打开,这样我仍然可以检测onscroll事件(因此OSX touchpad、Mouseweeel等上的手势都由我处理并触发onscroll回调) 想法?看看这些例子: 不确定是否触发onscroll事件,从未尝试过。如果没有,包含的mousewheel插件可能会给你一些回调来处理你想要的…溢出:hid

我想制作一个定制的水平滚动条,这样所有的操作系统都能呈现相同的滚动条,而不会出现难看的窗口滚动条

我知道如何通过JS使用一些带滚动顶部的分区来创建一个,但我需要隐藏默认滚动条,但保持overflow打开,这样我仍然可以检测onscroll事件(因此OSX touchpad、Mouseweeel等上的手势都由我处理并触发onscroll回调)


想法?

看看这些例子:


不确定是否触发onscroll事件,从未尝试过。如果没有,包含的mousewheel插件可能会给你一些回调来处理你想要的…

溢出:hidden
应该做你想要的;它仍然可以通过编程方式滚动。

您必须自己管理所有内容。 iOS设备不会触发桌面浏览器等滚动事件。您只有在触摸结束时才有滚动事件。 如果要跟踪所有滚动序列,必须跟踪touchstart/touchmove/touchend(和touchcancel)


我不希望为了实现这一点而需要拉入5个以上的文件……但感谢您的链接。触摸板可能会有问题,但您可以监听鼠标滚轮事件而不是滚动事件,以使元素可滚动。但是没有onScroll事件,因此我必须连接鼠标滚轮事件、触摸板事件、拖动事件,等等。我想我将在我试图滚动的div的左边和右边浮动div,当鼠标在它们上面移动时,分别滚动。这对非鼠标用户是不可访问的。您还可以尝试
overflow:scroll
加上滚动条本身的手动样式,这不是完全标准化的,但对于这种情况可能已经足够了。或者,放弃并拥抱平台多样性。