Function fromDOMIntersections

Creates a ReadableStream from DOM Intersections.

Example

const observe = fromDOMIntersections(
  {
    root: document.querySelector("#scrollArea"),
    rootMargin: "0px",
    threshold: 1.0,
  }
)

observe(document.querySelector("#listItem")).pipeTo(
  write(console.info)
)
Copy

If the queue is full when receiving DOM intersctions, you may notice some events being dropped. To avoid this you will need to increase the high water mark.

const observe = fromDOMIntersections(
  {
    root: document.querySelector("#scrollArea"),
    rootMargin: "0px",
    threshold: 1.0,
  },
  new CountQueuingStrategy({ highWaterMark: 10 })
)

observe(document.querySelector("#listItem")).pipeTo(
  write(console.info)
)
Copy