如何模拟触摸屏样式滚动？

Question

我想尝试模拟 PC/Mac 触摸屏设备上的触摸滚动手势。但是，我不想禁用滚轮。不过我想隐藏滚动条。

有谁知道有任何演示/代码试图做到这一点？

Answer 1

在某些浏览器¹上，隐藏主滚动条是不可能的。不过一般的方法是这样的：

html {
    overflow: hidden;
}

Demo，以及这是一个处理滚轮的演示。

---

¹ 即 IE8 及更低版本。

http://www.switchonthecode.com/tutorials/javascript-tutorial-the -滚轮

Answer 2

在基于 Webkit 的浏览器（例如 Chrome）中，您可以使用 ::-webkit-scrollbar：

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

在 Firefox 中，您可以使用 滚动条宽度：

* {
  scrollbar-width: none;
}