概要iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。然而，Android系统最新修订版已经可以支持这种功能了（尽管支持的力度还不是特别好），Apple公司似乎不太情愿将one-finger滑动事件运用到div元素上。除了以前版本的iScroll的特性以外，iScroll 4还包括如下的特性：&&&& （1）缩放（Pinch/Zoom）&&& （2）拉动刷新（Pull up/down to refresh）&&& （3）速度和性能提升&&& （4）精确捕捉元素&&& （5）自定义滚动条&&&&& 友情提示：iScroll 4并不是iScroll 3的简易替代版本，API文档已经不一样了。同时考虑到此版本正处于测试期，一些API可能会有细微的变化。使用指南在此文档中你会发现很多例子来教会你如何快速上手iScroll脚本库。参看文中的demo小例子并仔细阅读此文档，可能有点小无聊，但是这篇文章中却是iScroll这个脚本库的精髓之所在哦。iScroll需要对所要进行滚动的元素进行初始化，并且不限定一个页面中使用iScroll的元素的个数（这里不考虑您的硬件配置）。滚动元素中内容的类型和长度在一定程度上将会影响iScroll脚本库里可以同时使用的元素的个数。使用iScroll这个脚本库时，DOM树的结构要足够简单，移除不必要的标签，尽量避免过多的标签嵌套使用。最优的使用iScroll的结构如下所示：
&div id="wrapper"&
在这个小例子中，ul标签将会被滚动。iScroll一定要与滚动内容外面的wrapper进行联系才会产生效果。【注意事项】：只有wrapper里的第一个子元素才可以滚动，如果你想要更多的元素可以滚动，那么你可以试试下面的这种写法：
&div id="wrapper"&
&div id="scroller"&
在这个例子中，scroller这个元素可以滚动，即便它包含两个ul元素iScroll必须在调用之前实例化，你可以在下面几种情况下对iScroll进行实例化：&&& （1）onDOMContentLoaded&&& （2）onLoad&&& （3）以内联inline方式下面我们逐个来讲讲这三种用法的优缺点ONDOMContentLoaded&&&&&&& 适用于滚动内容只包含文字、图片，并且所有的图片都有固定的尺寸&&&&&&& 使用方法：（在head标签中添加如下代码）
&script src="iscroll.js"&&/script&
function loaded(){
myscroll=new iScroll("wrapper");
window.addEventListener("DOMContentLoaded",loaded,false);
&&&&&&&& 注意：myscroll这个变量是全局的，因此你可以在任何地方调用它的函数onLoad&&&&&&& 有些时候在DOMContentLoaded的状态下就初始化iScroll其实是有点草率的，因此此时页面的资源可能还没有全部加载完毕。如果你遇到了一些很怪异的行为可以试试下面的写法：
&script src="iscroll.js"&&script&
function loaded(){
setTimeout(function(){
myscroll=new iScroll("wrapper");
window.addEventListener("load",loaded,false);
&&&&&&&& 这种情况下iScroll会在页面资源（包括图片）加载完毕100ms之后得到初始化，这应该是一种比较安全的调用iScroll的方式。
inline初始化
&&&&&&&& 这种情况会在页面加载到js的时候就进行调用，此方法不推荐使用，但是很多javascript的大牛都在用这种方式，我又有什么理由不赞成呢？
&script src="iscroll.js"&&/script&
&div id="wrapper"&
var myscroll=new iScroll("wrapper");
&&&&&&& 不过建议你使用一些框架的ready方法来安全调用iScroll（比如jquery里的ready()）。iScroll里传递的参数&&&&&&& iScroll里的第二个参数允许你自定义一些内容，比如下面的这段代码：
var myscroll=new iScroll("wrapper",{hScrollbar:false, vScrollbar:false});
&&&&&& 第二个参数通常都是一个对象，像上面的这个例子里就设定了不显示滚动条。常用的参数如下：
false 禁止横向滚动 true横向滚动 默认为true
false 精致垂直滚动 true垂直滚动 默认为true
hScrollbar
false隐藏水平方向上的滚动条
vScrollbar
false 隐藏垂直方向上的滚动条
fixedScrollbar
在iOS系统上，当元素拖动超出了scroller的边界时，滚动条会收缩，设置为true可以禁止滚动条超出
scroller的可见区域。默认在Android上为true， iOS上为false
fadeScrollbar
false 指定在无渐隐效果时隐藏滚动条
hideScrollbar
在没有用户交互时隐藏滚动条 默认为true
启用或禁用边界的反弹，默认为true
启用或禁用惯性，默认为true，此参数在你想要保存资源的时候非常有用
lockDirection
false取消拖动方向的锁定， true拖动只能在一个方向上（up/down 或者left/right）
&&&&&&&&&&&&&&& 为了保持资源的完整性，建议去除滚动条拉动刷新（pull to refresh）&&&&&&& 自从Twitter和一些Apple的本地化应用出现了这个效果之后，这个效果就变得非常流行。你可以看看这儿先一睹为快。&&&&&& 我最近把"pull to refresh"这个部分单分出来作为iScroll的一个额外插件。你可以点击这儿看看pull to refresh是如何工作滴。你只需要做的就是自定义pullDownAction()这个方法。你可能需要一个ajax来加载新的内容，不过一旦DOM树发生了变化要记得调用refresh这个方法来。需要记住的是在例子中我们加了1秒的延迟来模拟网络的延迟效果。当然，如果你不想使用这个延迟，那就把setTimeout方法去掉就行了。
缩放(pinch / zoom)&&&&&&& 我们不得不面对一个事实，那就是光有滚动其实没什么新意的。这就是为什么在iScroll 4这个版本里我们允许你可以放&&&&&&& 大和缩小。想要这个功能，只需要设置放大的参数zoom 为true即可实现利用手势来放大和缩小。你可以看看这儿。&&&&&&& 双击放大和缩小的功能在iScroll 4里也是得到支持的。要使用缩放功能，你至少需要如下配置：&&&&&&&&&&&&&&& var myScroll =new iScroll("wrapper",{zoom:true});&&&&&& 如果你想对缩放功能进行深度的自定义的话可以使用下面的一些选项：&&&&&&&&&&&&&& zoomMax&& 指定允许放大的最大倍数，默认为4&&&&& 【注意事项】：如果想要图片缩放的效果很好的话要把他们放到硬件的合成层中。通俗点说，就是在所有需要缩放的img元素上使用-webkit-transform:translate3d(0,0,0)来实现，而且尤为重要的是，硬件的加速会占用大量资源，要谨慎使用，否则你的应用可能就此崩溃。捕捉元素（snap and snap to element）&&&&&&& 捕捉的功能会促使scroller去重新定义位置，这样可以制作更加花哨的传送带效果。点击这里有个小例子。&&&&&&& 默认情况下，iScroll将scroller分成四分体，或者是相同大小的wrapper。iScroll 4加入了这个属性允许捕捉scroller里的任何元素，不考虑外部wrapper的大小。如果你想要实现这样的传送带效果，我建议你使用&quadrant&分割。最佳的设置如下：
var myscroll=new iScroll("wrapper",{
snap:true,
momentum:false,
hScrollbar:false,
vScrollbar: false
&&&&&&&&& 捕获元素，可以通过传递一个字符串来作为查询条件，如下：
var myscroll=new iScroll("wrapper",{
snap:"li",
momentum:false,
hScrollbar:false,
vScrollbar:false
&&&&&&&&&& 在这个例子中scroller可以捕捉到滚动区域中最左上角的li元素
自定义滚动条（custom scrollbars）&&&&&&&&& 在iScroll 4这个版本中，可以利用一系列的css来自定义滚动条的呈现。可以给滚动条添加一个class参数，如下：
var myscroll=new iScroll("wrapper",{
scrollbarClass: "myScrollbar"
&&&&&&&&& 你可以点击这里看一个小例子，在这个小例子里，myScrollbarH这个类被添加到了水平滚动条上，myScrollbarV这个类则被添加给了垂直方向上的滚动条上了。需要提醒的是，滚动条是由两个元素组合而成的：容器和显示器。容器同wrapper的高度相同，而显示器则代表的是滚动条本身。&&&&&&&&&& 滚动条的HTML结构如下：
&div class="myScrollbarV"&
&div&&/div&
.myscrollbarV{
position:z-index:100;width:8bottom:7top:2right:1
.myScrollbarV & div {
z-index:100;
width:100%;
/* The following is probably what you want to customize */
background:-webkit-gradient(linear, 0 0, 100% 0, from(#f00), to(#900));
border:1px solid #800;
-webkit-background-clip:padding-
-webkit-box-sizing:border-
-webkit-border-radius:4
-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
通用方法：
（1）refresh
在DOM树发生变化时，应该调用此方法
（2）scrollTo()
滚动到某个位置
eg: myscroll.scrollTo(0,10,200,true);
（3）scrollToElement()
滚动到某个元素
eg: myscroll.scrolToElement("li:nth-child(10)",100);
（4）detroy()
完全消除myscroll及其占用的内存空间
eg: myscroll.destroy()
阅读(...) 评论()佳能IXUS i7 zoom|CanonDigital Ixus i7 zoom_参数_图片_报价_样张_文章_点评_论坛_视频_配件_数码相机_数码相机_新浪数码_新浪网
热门关键字：
佳能 Digital Ixus i7 zoom
(CanonDigital Ixus i7 zoom)
佳能 Digital Ixus i7 zoom(2006年上市)
参考价格：￥1999
地区报价：
机身类型：数码
传感器类型：CCD
外形尺寸：96.1x 45.1 x 23.9mm
产品重量：105 g
光学变焦：2.4倍
特殊功能：摄像功能
3月18日[行情]
4月12日[行情]
1月25日[行情]
1月11日[行情]
1月8日[行情]
同类型相机
1.外观时尚小巧;
2.机身颜色艳丽;
3.影像处理器DIGIC III;
4.电池续航能力强；
5.响应速度快；
1.2.4倍光学变焦;
2.显示屏尺寸小,像素低;
3.防抖功能差；
4.红眼能力一般；
5.夜间对焦缓慢；
佳能IXUS i7 zoom
共有人点评
同品牌相机|
同价位相机|
暂无报价 ||
￥约4040 ||
暂无报价 ||
￥11660 ||
暂无报价 ||
相机对比栏
未选取机型...
浏览本机的网友还喜欢
价格：￥1180
价格：￥1700
价格：￥1289
价格：￥1199
价格：￥20776
热门相机排行
最受关注新机
降价相机排行
佳能相机排行IE6下position:absolute定位错误的bug和解决方法
&&&&position:absolute定位在IE6下存在left和bottom的定位错误问题:
&!--IE6下的left定位错误--&
&div style="position:border:1px solid
text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&
&div style="position:top:0;left:0;background:#CCC;"&dovapour&/div&
&!--IE6下的left定位错误--&
&div style="position:border:1px solid
text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&
&div style="position:top:0;left:0;background:#CCC;"&dovapour&/div&
&&&&&&&&上面这段代码在IE6中定位错误。解决办法有两种：1、给父层设置zoom:1触发layout。
2、给父层设置宽度（width）。
&!--解决方法1
&div style="position:border:1px solid
zoom:1;text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&
&div style="position:top:0;left:0;background:#CCC;"&dovapour&/div&
&!--解决方法2
设置width--&
&div style="position:width:99%;border:1px solid
text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&
&div style="position:top:0;left:0;background:#CCC;"&dovapour&/div&
&&&&&&&&下面的这段代码在IE6下，bottom定位错误：
&!--IE6下的bottom定位错误--&
&div style="position:border:1px solid
text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&
&div style="position:bottom:0;left:0;background:#CCC;"&dovapour&/div&
解决办法和left定位类似：方法1是给父层设置zoom触发layout，方法2是给父层设置高度（height）。
&!--解决方法1
&div style="position:border:1px solid
zoom:1;text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&&br
&a href=".cn" title="vapour的blog"&.cn/&/a&
&div style="position:bottom:0;left:0;background:#CCC;"&dovapour&/div&
&!--解决方法2
设置height--&
&div style="position:height:60border:1px solid
text-align:"&
href=".cn"
title="vapour的blog"&.cn/&/a&
&div style="position:bottom:0;left:0;background:#CCC;"&dovapour&/div&
&&&&&&&&IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：&&&&&&&&
position:absolute&绝对定位元素的包含区块(containing&block)就会经常在这一方面出问题
float:left|right&由于layout元素的特性，浮动模型会有很多怪异的表现
display:inline-block&当一个内联级别的元素需要layout的时候就往往符用到它，这也可能也是这个CSS属性的唯一效果----让某个元素有layout
width:&除auto外的任何值
height:&除auto外的任何值
zoom:&除auto外的任何值
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。柯达DX3600 Zoom
柯达DX3600 Zoom(KODAK柯达DX3600 Zoom)
柯达DX3600 Zoom
产品类别：
有效像素：
显示屏尺寸：
显示屏像素：
连拍速度：
快门速度：
电池类型：
相机底座（包括Ni-MH可充电池，相机内充电），两节AA电池 Ni-MH可充电池，两节AA电池锂充电电池，一节CRV3锂充电电池
续航能力：
柯达数码相机相关文章行情(中关村在线锦州行情)柯达先后有九种新品陆续上市，柯达M200它新颖的设计和时尚的外表，一上市一定......行情柯达M200是一款玩味十足的数码相机，它可以一键把拍摄的照片传到开心网上，与大家快乐的分享。近日......行情当柯达这个老字号品牌快要逐渐消失在人们的视野时，2013柯达公司宣布正式回归、其最新的数码相机pi......行情柯达AZ362搭载1638万有效像素，36倍光学变焦，24mm广角，光学防抖，背照式CMOS，3寸46万像素LCD显......
与本产品有相同属性的产品
产品类型：
图象软件，USB和视频电源线　
您可能感兴趣的商品
关注 柯达DX3600 Zoom 的网友还关注
柯达DX3600 Zoom 网友点评
4-500字，简明扼要的概括您对这个产品的感受
专家在线坐堂
柯达DX3600 Zoom 论坛（1）
柯达DX3600 Zoom帖子区
柯达DX3600 Zoom 相似产品
小提示：可以选择产品进行切换哦
与其他产品进行PK：
请选择品牌
Canon（佳能）
Nikon（尼康）
SONY（索尼）
Fujifilm（富士）
Panasonic（松下）
Samsung（三星）
leica（徕卡）
CASIO（卡西欧）
Pentax（宾得）
KODAK（柯达）
OLYMPUS（奥林巴斯）
HASSELBLADUSA（哈苏）
Ricoh（理光）
PHASE ONE（飞思）
BenQ（明基）
Sigma（适马）
Mamiya Leaf（玛米亚利图）
Rolleiflex（禄来）
GE通用电气
ALPA（阿尔帕）
Haier（海尔）
CENDE（锡恩帝）
请选择型号
柯达DX3600 Zoom 驱动下载
操作系统：
这里的驱动是指计算机能正常识别数码相机信息的一种程序，让数码相机可以正常使用。
柯达DX3600 Zoom 相关配件
柯达最新数码相机
安装ZOL新版手机客户端，随时随地查报价
相关类别：
热门类别：
联系电话：800-820-6027
官方网站：
联系地址：广州市越秀区中山六路238号越秀新都会大厦西座1608室