移动端使用overflow-x:scoll实现超出左右滑动时，触摸滑动不顺畅

Question

移动端使用overflow-x:scoll实现超出左右滑动时，左右滑动不顺畅
然后加了-webkit-overflow-scrolling: touch; 倒是解决了不顺畅的问题，但是有了滚动条~就很别扭
求教：
有没有可以去掉滚动条的方法，或者更好的解决不顺畅的方法。Thanks♪(･ω･)ﾉ

Answer 1

用一个包裹层设置 overflow: hidden 把内层的滚动条遮住.

在线demo: https://codepen.io/liximomo/p...

<div class="scrollerContainer">
  <div class="scroller">
    <div class="content">填充内容, 请左右滚动</div>
  </div>
</div>

.scrollerContainer {
  height: 40px;
  overflow: hidden;
}

.scroller {
  height: 40px;
  width: 300px;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; 
  padding-bottom: 20px;
}

.content {
  width: 600px;
}

Answer 2

.scroller{
    white-space: nowrap;
}

加上这个就可以实现了，很好