Javascript 隐藏水平滚动条，但使数据水平滚动

我想使图像滚动的图像可以水平滚动，但不希望水平滚动条是可见的，而滚动。 下面是我的代码笔的链接

.卷轴{
高度：180像素；
保证金：自动；
溢出-x：自动；
溢出y：隐藏；
空白：nowrap；
盒影：0 10px#000；
img{
利润率：20px 10px 0 10px；
}
}

这应该适用于Chrome

::-webkit-scrollbar,
    *::-webkit-scrollbar {
        display: none;
    }

另一个解决方案是（并非真正最优）

---

如果你想要一个独特的滚动条，你需要一些javascript代码来处理滚动

我将使用：

然后：

。滚动{
高度：180像素；
保证金：自动；
溢出：隐藏；
空白：nowrap；
盒影：0 10px#000；
}
img{
利润率：20px 10px 0 10px；
}

试试：

在上面的示例中，可以通过“鼠标单击并拖动”滚动项目，但您可以通过绑定到鼠标滚轮来扩展滚动

。滚动{
高度：180像素；
保证金：自动；
溢出：隐藏；
空白：nowrap；
盒影：0 10px#000；
}
img{
利润率：20px 10px 0 10px；
}

可能的重复：如果没有滚动条，您希望它如何滚动？我希望将其作为普通滚动条滚动，但隐藏滚动条。那么用户交互将是什么？鼠标轮？拖动一个看不见的滚动条？这就像拖动一个看不见的滚动条一样。不过，这对跨浏览器来说并不好：，只有在chromeThankyou brother中才真正起作用，谢谢你的大力帮助。

::-webkit-scrollbar,
    *::-webkit-scrollbar {
        display: none;
    }

-webkit-scrollbar {
    height: 0;
    width: 0;
}