手机网页左右滑动效果或者上下滑动效果

只有wrapper的第一个子元素才能实现滑动效果。

编写js调用代码

var Scroll=new iScroll('wrapper',{hScrollbar:false, vScrollbar:false});

第一参数必需是滑动元素的父元素的id。

主要参数一览：

hScroll: true, 左右滑动，默认为true

vScroll: true,上下滑动

hScrollbar: true, 是否显示y轴滚动条，默认为显示

vScrollbar: true,是否显示X轴滚动条，默认为显示

最终效果

用户类似问题：

问题1：跪求，js手机移动端html点击图片弹出后可触摸屏左...

这是一个叫photoswipe的插件,挺好用的,平滑滑动,上一张下一张,点击放大等功能 这是我自己精简了一下的.里面有Demo,你自... >>详细

问题2：如何用js在实现手机上的上下左右滑动

http://touch.code.baidu.com 上面有文档说明 >>详细

问题3：html5上下滑动“翻页”实现，是真正的翻页

HTML5手机上下滑动翻页特效是一款手机移动端触屏滑动效果实现完整代码如下： 1、html5页面代码 HTML5手机页面触屏滑动上下翻页特效 2、css代码： @charset "utf-8"; .ad_foot li { margin:0 auto 1em; font-size:1.8em; padding:15px; backgroun... >>详细

问题4：css+div+js写手机网站如何实现触屏手势上下滑动翻...

额使用js的插件 目前主流的js库 比如jq 也有手势的插件 还有移动端的zepto库 也有手势插件 另外还有个叫QuoJS的手势插件 这个插件不依赖任何的库， 中文文档的地址：http://h5power.com/index.php/archives/7/ 示例代码：http://h5power.com/ind... >>详细

问题5：手机网页加了个左右滑动浏览功能却不能上下滑动浏...

你好，说明不需要上下滑动了，再下边没有内容了，你这是横排显示的。 >>详细