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:
Abhängigkeiten:
- jQuery: http://jquery.com/
- Underscore: http://underscorejs.org/