@bnidev/js-utils
    Preparing search index...

    Function isElementInViewport

    • Determines if a given element is currently visible in the viewport.

      Parameters

      • selectorOrElement: string | HTMLElement

        A CSS selector string or an HTMLElement.

      Returns boolean

      true if the element is in the viewport, false otherwise.

      Useful for lazy loading, animations on scroll, or tracking visible content.

      //ES Module
      import { isElementInViewport } from '@bnidev/js-utils'

      // CommonJS
      const { isElementInViewport } = require('@bnidev/js-utils')

      // With a CSS selector
      if (isElementInViewport('#my-element')) {
        console.log('Visible')
      }

      // With an element
      const el = document.getElementById('my-element')
      if (el && isElementInViewport(el)) {
        console.log('Also visible')
      }

    Settings