css - 为没有滚动条的触摸设备创建可滚动区域

Question

我正在尝试为触摸设备构建一个水平可滚动区域，如果可能的话，只使用 CSS。我目前有这样的预期设置:

.wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.inner {
  width: 5000px;
  height: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

我不会让您厌烦 HTML!任何想法，任何人？

Answer 1

经过一些研究，我认为这可能是最好的方法:

https://github.com/ibspoof/ng-iScroll