iscroll的基本使用
来源:互联网 发布:单片机调试 编辑:程序博客网 时间:2024/05/18 12:31
1.首先是页面css要设置好,然后才进行js的引入就好了。
通过一个简单的例子进行说明就好了。因为写的是手机端的全屏显示,所以需要注意一下meta标签的数据
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="css/iscroll01.css"><title>iscroll01</title></head><body><div id="wrapper"><ul><li>这里是第一个画面</li><li>这里是第二个画面</li></ul></div><script type="text/javascript" src="js/iscroll.js"></script><script type="text/javascript">var myscroll; function loaded(){ myscroll=new iScroll("wrapper",{hScrollbar:true, vScrollbar:true,momentum:true}); } window.addEventListener("DOMContentLoaded",loaded,false);</script></body></html>
下面是css的样式,随便写的
@CHARSET "UTF-8";*{margin:0;padding:0;}body,html{ width: 100%; height: 100%; position: relative; overflow: hidden;}#wrapper{position:relative;width:100%;height:100%;}#wrapper ul{width:200%;height:100%;position:relative;}#wrapper li{display:block;height:100%;width:50%;text-align:center;float:left;}
0 0
- iscroll的基本使用
- iscroll基本使用
- iScroll的使用
- iscroll.js的使用
- iScroll使用遇到的坑
- iscroll的一些基本的使用,网上找的有很多
- iscroll使用不足的的地方
- iScroll框架的使用和修改
- Jquery Mobile 插件 iscroll的使用
- 使用iscroll的问题与解决办法
- iScroll使用心得
- iScroll使用总结
- 使用iscroll.js
- iScroll.js使用
- 移动设备web开发插件iScroll的使用详解
- 使用iscroll后,input等不能输入内容的解决办法
- 移动WebApp之iScroll插件的使用介绍
- iscroll使用情况下click事件失效的问题
- 第一个测试例子 发短信sendMessage
- 使用OpenSessionInViewFilter方案解决hibernate懒加载的异常
- 字符替换
- 模拟石头剪刀布功能
- sublime text3实用教程(神奇的代码编辑器)
- iscroll的基本使用
- 第三章第40题
- 第九周【项目4-我的向量类】
- JAVA 之equal和hascode
- MFC ASSERT 详解
- v4 fragment中的startActivityForResult()
- 实现JAVA上传数据至PHP服务器存储(SAE)
- linux系统基本命令
- opencv读取,显示,写入图片(关于imwrite函数)