如何通过单击控制蒙版滚动窗格

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的位置。

对于向下按钮，在您的事件监听器上，您可以执行类似......

的操作

contentBox.y = contentBox.y + 25;

当然，我们希望这可以顺利滑过，所以在TweenLite ...

的情况下

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

“向上”按钮与此相反。