CSS隐藏滚动条并且在触摸设备上依然可划动

通常情况下隐藏滚动条是直接设置overflow: hidden;但这样设置会存在一个问题，就是在触摸设备上用手指也不可滚动了。要解决这个问题，可以写Javascript来实现，但太麻烦了。现在纯CSS就可以做到了。

核心思想就是，利用 padding，margin将滚动条“推”到容器的外面，然后容器再设置超出隐藏，就把滚动条藏起来。

在该页面，你可以打开 Chrome 的开发人员工具，并打开模拟设备（响应试设计）来滚动图标。