Heim > Fragen und Antworten > Hauptteil
想要实现的效果 : https://jsfiddle.net/oa4f8077/
pc端的这样的效果如果在手机上呈现肯定不能出现像demo的底部出现滚动条,那莫我该如何用css方法实现?
如果css方法行不通使用js?我引入的是zepto,zepto有左右滑动事件,但是给他绑定的方法如何顺滑的滑动,比如向右滑动时left 自增,向左left自减,这个速率我该如何控制?
伊谢尔伦2017-04-11 11:10:51
overflow auto出现的滚动条,在webkit内核浏览器可以使用如下css样式隐藏
.wp::-webkit-scrollbar {
display: none;
}
但是在ie下是没办法隐藏的,如果你仅仅只是想实现移动端的隐藏就没有这个担忧。
在iphone的浏览器里,overflow auto的方式滑动非常不流畅,因此常常需要在css中加入下面一条语句来克服这个问题
-webkit-overflow-scrolling: touch;
另外,移动端的左右滑动可不是这样实现的,你这想法有点取巧,建议还是去了解一下touchstart, touchmove, touchend的方式来实现吧。这样你才能进一步了解移动端幻灯切换是如何实现的