Scroll-tween-ease

From Frontal Wiki

Purpose

This style specifies the easing function to use in the tween that scrolls a visual element's content.

Value

The name of an easing function. The default is "fl.transitions.easing.Regular.easeOut".

scroll-tween-ease: fl.transitions.easing.Strong.easeOut;

This style is cascading.

Remarks

Scrolling from the current location to the target location is done with a tween. The easing function for that tween is set with this style.

The easing function must be compiled into the Frontal renderer SWF or imported with the 'include' tag. These easing classes are compiled into the standard Frontal renderer SWF:

• fl.transitions.easing.Regular
• fl.transitions.easing.Bounce
• fl.transitions.easing.Back
• fl.transitions.easing.Elastic
• fl.transitions.easing.None
• fl.transitions.easing.Strong

See Scrollbars and Scrolling a text Tag for more details and examples.

Example

See Also

• scroll-scale-tween-duration
• scroll-tween-duration
• scroll-tween-ease
• scroll-tween-use-secs

Can Be Applied To

This style can be applied to any visual element:

• div
• document
• img
• text
• video
• form
• input