移动端像左右滑动元素的效果怎样不出现滚动条？

Question

想要实现的效果 ： https://jsfiddle.net/oa4f8077/

pc端的这样的效果如果在手机上呈现肯定不能出现像demo的底部出现滚动条，那莫我该如何用css方法实现？

如果css方法行不通使用js？我引入的是zepto，zepto有左右滑动事件，但是给他绑定的方法如何顺滑的滑动，比如向右滑动时left 自增，向左left自减，这个速率我该如何控制？

Answer 1

overflow auto出现的滚动条，在webkit内核浏览器可以使用如下css样式隐藏

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

但是在ie下是没办法隐藏的，如果你仅仅只是想实现移动端的隐藏就没有这个担忧。

在iphone的浏览器里，overflow auto的方式滑动非常不流畅，因此常常需要在css中加入下面一条语句来克服这个问题

-webkit-overflow-scrolling: touch;

另外，移动端的左右滑动可不是这样实现的，你这想法有点取巧，建议还是去了解一下touchstart, touchmove, touchend的方式来实现吧。这样你才能进一步了解移动端幻灯切换是如何实现的

Answer 2

iScroll.js

Answer 3

投机取巧的方法是使用css隐藏滚动条

Answer 4

swiperjs应该能满足你的需求.

Answer 5

这就是简单的css做到的，设置横轴滚动条就行了，你自己在真机测验一下就知道了