Schnelle jQuery-inView Alternative

Aufgabe:

Beim laden, scrollen und vergrößern, verkleinern des Browserfensters herausfinden ob sich ein DOM-Element im Viewport befindet oder nicht.

Features:

  • Aktualisiert sich selbst bei vergrößern/verkleinern des Browserfensters (Responsive)
  • Event throttling für bessere scroll/resize Performance
  • Events namespaced für besseres debugging
  • Callback wird nur bei Änderung von inView-Status aufgerufen statt bei jedem getriggerten Event (resize, scroll usw.)
  • Optional die Möglichkeit margins in Element-Position einzuschließen

Nutzungsbeispiel befindet sich unten im Quellcode:

lf.inOutView.js

Abhängigkeiten:

  1. jQuery: http://jquery.com/
  2. Underscore: http://underscorejs.org/