Systems and Methods for Visually Creating and Editing Scrolling Actions

A computer-implemented method comprising:

• identifying an element on a canvas, the canvas displaying a document being edited in a development environment for use in an end use environment;
• displaying, via a processor, an indicator on the canvas indicating a location of a key position associated with the element;
• and
• defining a scroll-triggered animation for the element based on the key position, wherein the scroll-triggered animation defines an attribute of the element based on a scroll of the document in the end use environment.

A computer-readable medium on which is encoded program code, the program code comprising:

• program code for identifying an element on a canvas, the canvas displaying a document being edited in a development environment for use in an end use environment;
• program code for determining based on input received on the canvas, a location of a key position associated with the element;
• and
• program code for defining a scroll-triggered animation for the element based on the key position, wherein the scroll-triggered animation defines an animation of the element based on a scroll of the document in the end use environment.

A computer implemented method comprising:

• identifying a first element and a second element on a canvas, the canvas displaying a document being edited in a development environment for use in an end use environment;
• determining, via a processor, based on input received on the canvas, a location of a first key position associated with the first element and a second key position associated with the second element;
• and
• defining a first scroll-triggered animation for the first element based on the first key position and defining a second scroll-triggered animation for the second element based on the second key position, wherein the first scroll-triggered animation animates an attribute of the first element and wherein the second scroll-triggered animation animates an attribute of the second element, the first scroll-triggered animation and second scroll-triggered animation synchronized during a scroll of the document in the end use environment by a relation of the first key position and the second key position relative to a scroll position.

A computer implemented method comprising:

• identifying an element on a canvas, the canvas displaying a document being edited in a development environment for use in an end use environment;
• determining, via a processor, based on input received on the canvas, a location of a first key position and a second key position associated with the element, the first key position and second key position defining a range of scroll positions;
• and
• defining a during-effect animation for the element, wherein the during-effect animation defines an attribute of the element based on a scroll of the document in the end use environment, wherein the scroll is at a position in the range of scroll positions.