解决浏览器ios出现横向滚动条

解决方式：

父元素：overflow:hidden,并设置高度

子元素：overflow:auto，padding-bottom设置超过父元素高度

使得滚动条往下移动，利用父元素的overflow:hidden隐藏滚动条

例子： html

      
        
          {{item}}
        
      

css:

.num{
  margin-top: 200px;
  height: 30px;
  overflow: hidden;
}
.number{
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 60px;
}
.index{
  display: inline-block;
  background: rgb(189, 100, 100);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
}

效果：