插件说明:
- •滚动区域插件,实现原理是一个可以滚动的layer外层加一个蒙版layer.
- •本插件需要定义在父层内的好大小和对齐方式. 在父层内可以拖动和支持鼠标滚轮.
语法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<layer name="scrollarea" url.flash="scrollarea.swf" url.html5="scrollarea.js" parent="..." align="..." width="..." height="..." direction="all" draggable="true" mwheel="true" onhover_autoscrolling="false" overscroll="1.0" friction="0.95" acceleration="0.08" returnacceleration="0.15" momentum="0.06" onscroll="" /> |
插件属性:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
•direction[字符型] 设置插件可以运行滚动方向。可以设置项目如下: all = 全方向滚动 h = 只允许水平方向滚动 v = 只允许垂直方向滚动. •draggable[布尔型] 设置是否运行拖动插件. •mwheel[布尔型] 设置是否支持鼠标滚轮. •onhover_autoscrolling[布尔型] 设置是否移动到边界时自动滚动. •overscroll[数字型] - 拖动超出允许范围(0.0 = 不准超出, 1.0 = 整个超出,默认1.0). •friction[数字型] - 摩擦程度.默认0.95 •acceleration[数字型] - 滚动加速程度.默认0.08 •returnacceleration[数字型] - 返回滚动加速(拖出蒙版范围后返回).默认0.15 •momentum[数字型] - 动量加速.默认0.06 •loverflow[数字型,只读] = 溢出左边像素 •roverflow[数字型,只读] = 溢出右边像素 •toverflow[数字型,只读] = 溢出顶部像素 •boverflow[数字型,只读] = 溢出底部像素 •woverflow[数字型,只读] = 溢出宽度像素 •hoverflow[数字型,只读] = 溢出高度像素 上述溢出值是上层蒙版显示区域的溢出值. 正值是向外溢出,负值是向里溢出. |
插件事件:
1 2 |
• onscroll 设置当滚动区域被滚动时执行的事件 |
插件动作:
1 2 3 4 5 6 7 8 9 10 |
•setcenter(x,y) 居中插件在给定的子元素x/y坐标 •scrolltocenter(x,y) 滑动插件到给定的子元素x/y坐标 •scrollby(dx,dy) 以delta x/y 的向量速度滚动 •stopscrolling() 停止当前滚动状态 •update() 告知插件当前父元素的大小已被更改 |