移动web页面局部横向滑动

想实现一个类似手机京东App热搜的横向滑动，一开始走上了错误的道路，想要使用touchmove来完成滑动部分。结果越整越复杂，效果还不行，滑动后，两边都有空白不知道怎么消除。作为前端小白，一碰到这种问题就十分头疼。

后来重新整理了思路，参考了CSS ul 横向滑动并超出屏幕可滑动，直接用CSS就能完成了，很感谢。

其实按照我的原始需求，并不需要能滑动，只要平铺排列出来就可以了。所以把两种都放这儿吧

  

        

            
最近搜索2
            

                6500S
                SM-
                X26
                惠普
                CS201
                BP8904
                101
                fi-61
                爱心之光
            
        


        

            
最近搜索3
       
            

                
6500S
                
SM-
                
X26
                
CS201
                
BP8904
                
101
                
fi-61
                
MT990
                
惠普
                
CDD8766
                
南天
            
                   
        
        

效果：

捕获.PNG

其中“最近搜索3”可以横向滑动（滚动）

注意：

::-webkit-scrollbar {
    display: none;
}

用于在iOS设备上去掉横向滚动条（安卓没有这个样式也没有横向滚动条）