CSS 实现图片横向拖动

在实际开发中需要实现图片横向拖动效果，查阅了些资料，现整理下，以便以后使用。

   <div class="problemImg">
          <img class="problemImg2" src="" alt="">
          <img class="problemImg2" src="" alt="">
    </div>

我的代码结构如上

.problemImg{ 
    white-space:nowrap;    /*文本不换行*/
    overflow-x:auto;       /*在横向内容溢出元素框时，浏览器会显示滚动条以便查看其余的内容*/
    overflow-y:hidden;     /*在纵向内容溢出元素框时，其余内容是不可见的*/
}

宽高自己定义，一个简单的图片拖动已经做好了。不过这时候查看发现，在图片下边会有一个滚动条，为了去除滚动条，在最外面一层加了一个div,样式设为overflow:hidden。里面最外层div的裁剪功能把滚动条隐藏起来。

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

这个方法仅对谷歌和Safari生效。

第二个方向是利于对滚动条的样式修改，我们可以对滚动条的宽高，颜色进行修改，来达到滚动条隐藏的效果，具体代码还没整理，有时间了再补充上来。

第三个就是用js或者插件实现图片横向滑动，这个网上有很多。