如何通过单击控制屏蔽的滚动窗格

Question

我有一点问题。我想创建这样的东西，但垂直而不是水平。我还想通过单击向上/向下按钮而不是滚动来控制滑块。

参考： http://active.tutsplus.com/tutorials/effects/create-a-responsive-xml-image-scroller-in-actionscript-3-0/

现在我有一个容器 mc 可以容纳我所有的拇指和一个遮盖该容器的面具。我也有我的按钮去触发此向上滚动/向下滚动功能。

我根本不知道如何为此编写函数。我已经使容器上下补间，但我需要一个限制为此，它希望补间走得更远，越界。

有什么建议吗？

Answer 1

首先，为了防止蒙版随内容移动，请确保它与您的内容位于同一水平。

例如：

myContainer ¬
   - contentBox
   - maskShape

和contentBox.mask = maskShape.

对于滚动，只需通过每次单击导航按钮来增加或减少内容框的位置。

在向下按钮的情况下，在您的事件侦听器上，您会执行以下操作...

contentBox.y = contentBox.y + 25;

当然，我们希望它能够顺利滑动，所以在 TweenLite 的情况下......

TweenLite.to(contentBox, 0.5, {y:contentBox.y + 25});

"向上"按钮与此相反。