84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
想要实现的效果 : https://jsfiddle.net/oa4f8077/
pc端的这样的效果如果在手机上呈现肯定不能出现像demo的底部出现滚动条,那莫我该如何用css方法实现?
如果css方法行不通使用js?我引入的是zepto,zepto有左右滑动事件,但是给他绑定的方法如何顺滑的滑动,比如向右滑动时left 自增,向左left自减,这个速率我该如何控制?
走同样的路,发现不同的人生
overflow auto出现的滚动条,在webkit内核浏览器可以使用如下css样式隐藏
.wp::-webkit-scrollbar { display: none; }
但是在ie下是没办法隐藏的,如果你仅仅只是想实现移动端的隐藏就没有这个担忧。
在iphone的浏览器里,overflow auto的方式滑动非常不流畅,因此常常需要在css中加入下面一条语句来克服这个问题
-webkit-overflow-scrolling: touch;
另外,移动端的左右滑动可不是这样实现的,你这想法有点取巧,建议还是去了解一下touchstart, touchmove, touchend的方式来实现吧。这样你才能进一步了解移动端幻灯切换是如何实现的
iScroll.js
投机取巧的方法是使用css隐藏滚动条
swiperjs应该能满足你的需求.
这就是简单的css做到的,设置横轴滚动条就行了,你自己在真机测验一下就知道了
overflow auto出现的滚动条,在webkit内核浏览器可以使用如下css样式隐藏
但是在ie下是没办法隐藏的,如果你仅仅只是想实现移动端的隐藏就没有这个担忧。
在iphone的浏览器里,overflow auto的方式滑动非常不流畅,因此常常需要在css中加入下面一条语句来克服这个问题
另外,移动端的左右滑动可不是这样实现的,你这想法有点取巧,建议还是去了解一下touchstart, touchmove, touchend的方式来实现吧。这样你才能进一步了解移动端幻灯切换是如何实现的
iScroll.js
投机取巧的方法是使用css隐藏滚动条
swiperjs应该能满足你的需求.
这就是简单的css做到的,设置横轴滚动条就行了,你自己在真机测验一下就知道了