超酷滚动公式实现自定义滚动条

核心提示： （5）可能你还希望两个滚动按钮能够在被按下去不放时一直让内容不停地滚动，那么只要找一种方法让scroll不断地循环执行就可以了，超酷滚动公式实现自定义滚动条(3)，首选当然是onEnterFrame，只需要将滚动代码改写如下即可，在可视区域，实际上是在滚动内容上加入了一个遮罩，范例12 演

（5）可能你还希望两个滚动按钮能够在被按下去不放时一直让内容不停地滚动，那么只要找一种方法让scroll不断地循环执行就可以了，首选当然是onEnterFrame。

只需要将滚动代码改写如下即可。

范例12 演示文件

2．超级滚动公式自定义滚动条

我们虽然比较熟悉滚动条，几乎是每天在使用它，但它的制作看上去并不是很简单，虽然Macromedia已在Flash中提供了滚动条组件，但一方面由于通用性的原因，它的体积大小比较大，另一方面，对于设计师来讲它可能并不适合，通常情况下我们都希望能自已定义一个适合自已设计特点的滚动条。

下面我们就准备来制作一个自定义的滚动条，我做过多个版本的滚动条，经过多次的实验，发现可以将它总结为一个公式来操作，这样无论遇到什么样的滚动条，只要掌握了这个公式，滚动条的制作就自然不是问题了，下面首先分析一下滚动的原理。

滚动条---超级滚动数学公式如下:

滚动内容的位置=内容的起始位置－(滚动百分比×可滚动的区域);

为了方便说明问题，我们把它写成变量表达示如下。

content_position = top_scroll - (percent_scrolled * scrollable)

下面用图来说明这个公式，如下图所示。

下面根据上图所示来分析一下这个公式。

首先需要把要滚动的内容放置在一个MovieClip当中，我们需要用滚动内容的位置，也就是_y来作为滚动的依据，在可视区域，实际上是在滚动内容上加入了一个遮罩，它就是我们的可视区域。