Eine der interessanten Dinge, die man mit dem ui/Theme-Builder tun kann, ist das Hören von Scrollereignissen, um die x- oder y-Positionen auf die Abschnittsüberschriften oder Hintergründe anzuwenden und einen schönen Parallaxeneffekt zu erzeugen.

Eigenschaften werden immer von ihrem aktuellen Wert auf den Zielwert animiert, den Sie in den Abschnitts- oder Komponenteneinstellungen festgelegt haben. Sie können jedoch auch einen Startwert selbst definieren. Dazu fügen Sie zwei Werte im Option-Feld ein und trennen sie mit einem Komma.

Viewport-Position

Mit der Viewport-Option können Sie die Animationsdauer anpassen. Der Wert definiert, wie weit das Ziel-Element in den Viewport gescrollt wird, bis die Animation abgeschlossen ist. Mit dem Wert 1 dauert die Animation so lange, wie das Element im Viewport ist (Standardverhalten). Wenn Sie den Wert auf 0,5 setzen, wird die Eigenschaft animiert, bis die Scrollposition die Mitte des Ziel-Elements erreicht hat.