Hover Trigger

Invoke the specified event when the element scrolls into view

Usage Notes

sa-trigger-mouseenter = ( event name )

Place on any element that should invoke the specified event when the mouse enters.

Assign whatever event name you like, depending on your trigger-event-action setup.

<div sa-trigger-mouseenter="my-event"></div>

sa-trigger-mouseleave = ( event name )

Place on any element that should invoke the specified event when the mouse leaves.

Assign whatever event name you like, depending on your trigger-event-action setup.

<div sa-trigger-mouseleave="my-event"></div>

Future

Allow restricted triggering

  • Once

  • Unlimited, but element must leave page to reset

Do this at the event level?

Last updated

Was this helpful?