intersect
Fires when element enters viewport
The intersect trigger event fires when an element enters the viewport, detected via IntersectionObserver.
When It Fires
When an element becomes visible in the viewport, used by hx-trigger="intersect".
Event Detail
Empty - no additional context provided.
Example
<div id="lazy" hx-get="/lazy-content" hx-trigger="intersect"> Content loads when scrolled into view </div>
htmx.on('#lazy', 'intersect', (evt) => {
console.log('Element visible:', evt.target);
}); This enables lazy loading and infinite scroll patterns.
Licensed under the Zero-Clause BSD License.
https://four.htmx.org/reference/events/intersect/
