FLASH缓冲滚动升级版本

这个教程和 以前经典出现的平滑滚动原理 完全不同 绝非抄袭 功能也有区别

flash演示+教程：
http://www.blueidea.com/articleimg/2004/06/1950/show.html
FLA源代码下载：
http://www.blueidea.com/articleimg/2004/06/1950/feng4ever_scroll.fla
简单介绍 ：

it55.com

www.it55.com

http://www.it55.com/

it55.com

详细介绍 ：

第一帧action
IT资讯之家 www.it55.com

show_scroll.onPress=function(){scroll_lock= "no"} //滚动条被按下锁被打开
show_scroll.onRelease=function(){scroll_lock= "yes"} //滚动条被放松锁被关闭
show_scrollbg.onPress=function(){scroll_lock= "no"} //滚动条空白区域被点击锁被打开
show_scrollbg.onMouseUp=function(){scroll_lock="yes"} //鼠标提升 锁被关闭 (这里是有原因的 当你鼠标按下 放开的时候不是在滚动条背景 scrollbg的时候锁就永远不会关闭,整个图片将一直随着鼠标缓缓飘逸于你的显示器上)
第二帧
if (scroll_lock=="no"){
show_scroll._y+=(_ymouse-show_scroll._y-15)/2
}
show_image._y+=(-(show_image._height-300)*(show_scroll._y*
300/270)/300-show_image._y)/20
更一般性的
if (scroll_lock=="no") {
   show_scroll._y+=(_ymouse-show_scroll._y-[滚动条长度的一半])/
[滚动条缓冲常数,这里不要设置太大 以免 鼠标下来了 滚动条还在上面]
}
show_image._y+=(-(show_image._height-[滚动显示区域的高度])*
(show_scroll._y*/[滚动显示区域的高度-滚动条高度])-show_image._y)/
[被滚动影片缓冲常数,这里不要设置太大 以免 鼠标下来了 滚动条还在上面]

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

下面先讲 按住滚动条滚动

当没上锁的时候 也就是 滚动条scroll或者背景scrollbg 被按下的时候

show_scroll._y 也就是滚动条的垂直位置缓冲移动到鼠标当前位置的 上15个象素

然后被滚动影片 以缓冲 移动到 一个指定位置

主要的地方来了: 等我吃个茶叶蛋 打个屁 继续

show_image._height-300 意思就是_ymouse-show_scroll._y-[滚动条长度的一半]

show_image 被移动的最大范围 然后下面就是要让 show_image滚动到的位置 所占 总滚动位置的比例 和 滚动条移动到的 y占总移动范围的比例一样

所以有了 show_image+=([极限位置]-show_image._y)/20 这个是缓冲的算法 向极限 每次循环以当前距离的 1/20靠近

[极限位置] =-(show_image._height-300)*(show_scroll._y*300/270)/300

sflj www.it55.com kg^&fgd

(show_scroll._y*300/270)/300 是 滚动条的 _y 占滚动范围的比例

(为什么 要 有 *300/270)/300 为什么不直接 /270 ??? 问得很好,这是因为我写错了 )

然后 用 show_image._height-300 乘 (show_scroll._y/270) 就得到 show_image 占总滚动比例于 滚动条占滚动总范围的 比例一样的 _y的值 前面加"-"号 是要达到 滚动条向下 被滚动mc向上的效果

然后说 当你点击 滚动条 可移动范围空白区域 的时候的情况

这个时候 锁打开 得到 鼠标当前位置

滚动条马上缓冲移动到这个位置

然后 相当于拖动滚动条移动一样 向下执行步骤

www.it55.com

（阅读次数：）