1、首先确定你想实现滚动的div代码如下:
<div id="wrapper">
<div id="scroller">
<ul>
<li>...</li>
</ul>
</div>
</div>
2、编写你的Javascript代码:
function loaded() {
document.addEventListener('touchmove', function(e){ e.preventDefault(); });
myScroll = new iScroll('scroller');
}
document.addEventListener('DOMContentLoaded', loaded);
3、为了实现功能还必须加上CSS代码:
#wrapper {
position:relative;
z-index:1;
width:/* your desired width自己想要的, auto and 100% are fine */;
height:/* element height */;
overflow:/* hidden|auto|scroll */;
}
4最后不要忘记了添加javascript引用:
<script type="text/javascript" src="iscroll-min.js">
</script>
5、大功告成!
分享到:
相关推荐
phonegap+android--配置教程_files
phonegap+websocket+tomcat实现移动终端推送功能 ,android版
如何快速搭建一个不用原生js的移动应用平台,集打包,开发,发布一体。这个文档非常不错哦 不会的可以问我, 也可以给我留言哦.
如果你不是研究phoneGap和sencha的就别下载啊!浪费你的积分了!
android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建
NULL 博文链接:https://guoqiantong.iteye.com/blog/1744129
该源码是使用phonegap加jquery mobile开发基于html5 css3的应用的项目例子。可以很好的来学校jquery mobile。
phoneGap是不会手机开发的人员可以进使用JS+html来进行手机开发 使程序员们可以跨编程语i言进行各种平台的手机开发了
phonegap性能优化 以及phonegap + Angularjs + ionic 移动app开发介绍
我成功安装上了。部分插件是在线更新的。在eclipse里安装sdk。文档很详细,链接都给了。
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
phonegap4.1+android环境配置
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
一个简单的实现sencha touch+phonegap集成的混合开发代码案例
PhoneGap+开发指南
phonegap+jqueryMobilejs源码项目
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载
PhoneGap+Jquery mobile,完整开发代码.
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.rar
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习...