WebApp 滚动列表的实现

//html:代码
<div id="slider">
    <div id="box">足够多的内容。。。。。</div>
</div>

#slider{
             width:100%;
             height:100px;
             overflow:hidden;
             overflow-x:scroll;    //横向滚动
            }        
#box{
          display:flex;
          height:100px;
          width:200%;
        }
// 去除滚动条
 #slider::-webkit-scrollbar {display:none}