JSPM

Found 98 results for IntersectionObserver

observer-registry

An IntersectionObserver utility for notifying callbacks when an element's intersection changes.

  • v1.0.0
  • 24.79
  • Published

@adoratorio/medusa

Medusa is a lightweight, SSR-friendly utility for managing multiple IntersectionObservers with flexible event emission, fine-grained control, native once support, and memory-safe cleanup. Ideal for lazy loading, animations, and viewport-based triggers in

  • v3.0.5
  • 22.84
  • Published

lit-element-lazy

Decorator for Lit Element to call annotated method when component is scrolled to viewport.

  • v1.0.1
  • 21.73
  • Published

hexo-lazyload

A plugin for Hexo lazyload imgeas, auto generate thumbs, medium-like effect

  • v1.3.6
  • 21.12
  • Published

angular-lazy-load

2kb lazy load directive for angular. includes directive for lazy loading images.

  • v1.1.4
  • 19.30
  • Published

toc-observer-component

Highlights links in a table of contents when items appear in your viewport.

    • v0.0.3
    • 18.96
    • Published

    @jfm/scrollspy

    Scrollspy using IntersectionObserver

    • v0.1.1
    • 18.62
    • Published

    rect-observer

    Executes a callback whenever the bounding rectangle of an element changes. It uses `IntersectionObserver` under the hood, eliminating the need for a polling loop.

    • v0.1.2
    • 18.52
    • Published

    @jsx6/dom-observer

    Performance for multiple ResizeObserver and IntersectionObserver

    • v2.0.1
    • 16.41
    • Published

    vue-element-spy

    Vue.js plugin for detecting when element reaches top of the viewport. The plugin uses Intersection Observer.

    • v2.1.3
    • 16.15
    • Published

    intersectiontrigger

    IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.

    • v1.1.6
    • 15.15
    • Published

    vue-is-intersecting

    a vuejs directive to execute a callback when the binding element is intersecting the viewport

    • v0.1.6
    • 14.50
    • Published

    insular-observer

    Efficiently use an Observer (i.e. IntersectionObserver) without the ugly observer callback. `insular-observer` gives you a simple, per-target `observe/unobserve` API that uses the same observer instance internally.

    • v0.1.1
    • 14.03
    • Published

    vue-view-lazy

    基于vue的懒加载插件,图片或者其他资源进入可视区域后加载

    • v0.0.6
    • 13.95
    • Published

    wiscroll

    Scroll based animation JavaScript library

    • v0.1.4
    • 13.60
    • Published

    prefetch-page

    浏览器在空闲时预加载可见区域的超链接,以加速后续页面的加载速度 | Browser prefetchs visible area hyperlinks at idle time to speed up subsequent page loads

    • v1.0.0-beta.6
    • 12.67
    • Published

    react-use-viewability

    React hook for tracking component viewability, based on IntersectionObserver

    • v1.0.1
    • 11.94
    • Published

    stencil-lazy

    Decorator for StencilJs call annotated method when component is scrolled to viewport.

    • v1.4.0
    • 10.99
    • Published

    inview-observer.js

    A simple inview plugin using the intersection observer

    • v1.1.0
    • 10.92
    • Published

    use-intersection-hook

    This is a simple React Hooks that trigger a callback all time the element is viewed.

    • v2.0.0
    • 10.37
    • Published

    kansatsu

    A wrapper of Intersection Observer API.

    • v1.1.1
    • 9.45
    • Published

    interserver

    IntersectionObserver simplified

    • v0.1.2
    • 8.81
    • Published

    iobserve

    IObserve is a lightweight script that allows you to easily use browsers' IntersectionObserver API

    • v0.0.1
    • 8.71
    • Published

    scroll-interactions

    Easy scroll-driven interactions in the browser built on top of IntersectionObserver

    • v0.8.1
    • 8.45
    • Published

    actions-observer

    observer some element and if it is visible, do something

    • v1.0.2
    • 7.68
    • Published

    react-scrollsense

    A lightweight scroll sensor to solve your react scroll into viewport issues.

    • v1.0.4-alpha.7
    • 6.98
    • Published

    @theonesean/react-scrollama

    A lightweight scrollytelling interface for React using the IntersectionObserver.

    • v2.2.16
    • 6.97
    • Published

    @nechehin/lazyload

    Javascript plugin for lazyload images. Fork of https://github.com/tuupola/jquery_lazyload , but with IntersectionObserver mode support

    • v1.1.0
    • 6.74
    • Published

    @pronotron/io

    Reliable viewport tracking without missed targets, unlike the default IntersectionObserver API.

      • v0.0.1-beta.4
      • 6.69
      • Published

      ngx-lazy-loading-images

      An Angular library that lazy load images with IntersectionObserver API

      • v0.0.1
      • 5.90
      • Published

      @vicimpa/observers

      A lightweight TypeScript library providing utilities for observing intersection and resize events of DOM elements with automatic cleanup.

      • v0.0.8
      • 5.62
      • Published

      vpi-observer

      Detect intersection between DOM elements and viewport using IntersectionObserver API

      • v1.6.0
      • 5.62
      • Published

      cpp-tool

      工具函数

      • v1.0.0
      • 5.62
      • Published

      it-intersect

      A simple component that use the IntersectionObserver to notify when it intersect with the viewport or a an element

      • v0.0.5
      • 5.58
      • Published

      rxjs-element-observer

      rxjs Observables for IntersectionObserver, MutationObserver & ResizeObserver

      • v0.0.1
      • 4.19
      • Published

      react-useintersection

      Custom React Hook for initializing IntersectionObserver on any node ref

      • v2.0.2
      • 2.61
      • Published

      react-animate-observer

      A React component for scroll animations using Intersection Observer

      • v0.2.0
      • 2.58
      • Published

      ng-intersection

      Angular library that wraps the browser IntersectionObserver in an Angular directive

      • v1.0.1
      • 2.57
      • Published

      ep-io-scroller

      Simple scroller manager using Intersection Observer

        • v0.0.8
        • 2.49
        • Published

        lit-element-click-outside

        @clickOutside decorator for Lit Element to call annotated method when component is scrolled to viewport

        • v1.0.1
        • 2.49
        • Published

        @angius/lit-click-outside

        @clickOutside decorator for Lit Element to call annotated method when component is scrolled to viewport

        • v1.0.2
        • 2.47
        • Published

        @pearlescent/visibility

        A simple, no-frills visibility utility. Will tell you if a component is 100% inside the viewport, and when a visible component exits the viewport.

        • v0.1.1
        • 2.45
        • Published

        intersect-events

        add intersection events to dom elements

        • v0.0.1
        • 2.45
        • Published

        @vsirrr/vue-exposure

        A Vue2 component to add IntersectionObserver and MutationObserver to Vue2 component or HTML element.

        • v0.1.4
        • 0.00
        • Published

        lazyload-new

        a lazyload plugin based on IntersectionObserver interface.

        • v1.0.0
        • 0.00
        • Published

        test-image-lazy

        根据IntersectionObserver实现图片懒加载的封装

        • v1.0.2
        • 0.00
        • Published

        @shlko/v2-ele-insight

        A simple vue directive for element scorll insight with IntersectionObserver

          • v1.0.1
          • 0.00
          • Published

          visibility-checker

          A lightweight library for checking element visibility on the screen using IntersectionObserver.

          • v1.0.1
          • 0.00
          • Published

          scroll-load-component

          基于IntersectionObserver实现的React滚动加载组件

          • v1.0.1
          • 0.00
          • Published

          svelte-intersection-tracker

          This component uses IntersectionObserver to not only track if elements are intersecting but also monitors and compares the percentage they are visible. The elements with highest visiblity get flagged current.

          • v1.0.1
          • 0.00
          • Published

          d-chill

          no description

          • v0.0.2
          • 0.00
          • Published

          scrollclass

          Add/remove classes to elements as the user scrolls with IntersectionObserver

          • v0.3.0
          • 0.00
          • Published