Spec-Zone.ru › htmx

intersect

Срабатывает, когда элемент входит в область просмотра

Событие-триггер intersect срабатывает, когда элемент входит в область просмотра, что определяется с помощью IntersectionObserver.

Когда срабатывает

Когда элемент становится видимым в области просмотра; используется в hx-trigger="intersect".

Сведения о событии

Пусто — дополнительный контекст не предоставляется.

Пример

<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);
});

Это позволяет реализовать отложенную загрузку и бесконечную прокрутку.

Licensed under the Zero-Clause BSD License.
https://four.htmx.org/reference/events/intersect/

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API