手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 03:13:21

1、下载iScroll.js百度搜索iScroll.js,或者从这里下载https://pan.baidu.com/s/1geEovGB

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

2、引入iScroll.js在你要使用滑动效果的地方,引入iScroll.js文件

3、编写规范的html格式只有如下格式才能实现滑动效果<div id="wrapper"> <稆糨孝汶;div class="scroll"> 这个区域可以滑动 </div></div>如下格式不能滑动<div id="wrapper"> <div class="other">这个区域可以滑动</div> <div class="scroll"> 这个区域不可以滑动了 </div></div>只有wrapper的第一个子元素才能实现滑动效果。

4、编写js调用代码var Scroll = new iScroll('w筠续师诈rapper',{hScrollbar:fals髫潋啜缅e, vScrollbar:false});第一参数必需是滑动元素的父元素的id。主要参数一览: hScroll: true, 左右滑动,默认为true vScroll: true,上下滑动 hScrollbar: true, 是否显示y轴滚动条,默认为显示 vScrollbar: true,是否显示X轴滚动条,默认为显示

5、最终效果

手机网页左右滑动效果或者上下滑动效果
© 手抄报圈