Search...
onViewportLeave( )
Adds an event handler that runs when an element is no longer displayed in the viewable part of the current window.
Description
An element leaves the viewport when the page is scrolled so that the
element is completely out of view. An element also leaves the viewport
if it was shown or expanded and is then hidden
or collapsed from the viewable part
of the current window. onViewportLeave()
is not fired for hidden or collapsed
elements even if they are scrolled out of view.
You can also define an event handler using the Properties and Events panel.
Syntax
function onViewportLeave(handler: EventHandler): Elementhandler: function EventHandler(event: Event): void
onViewportLeave Parameters
NAME
TYPE
DESCRIPTION
handler
The name of the function or the function expression to run when the element leaves the viewport.
EventHandler Parameters
NAME
TYPE
DESCRIPTION
Returns
This function does not return anything.
Return Type:
void
Mixed in from:$w.FormElement
Related Content:
Was this helpful?
Get the ID of the element that has left the viewport
Copy Code
1$w("#myElement").onViewportLeave( (event) => {2 let targetId = event.target.id; // "myElement"3});