intersect

For LLMs

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".

Empty - no additional context provided.


<div hx-get="/lazy-content" hx-trigger="intersect">
  Content loads when scrolled into view
</div>


htmx.on('intersect', (evt) => {
  console.log('Element visible:', evt.target);
});

This enables lazy loading and infinite scroll patterns.