jquery dispara la función cuando el elemento está en la ventana gráfica

Me gustaría activar un evento cuando jquery.localscroll llega a cierto punto del documento, un div.

Digamos que estamos desplazándonos verticalmente del div superior al tercero. Cuando llegue allí, entonces la acción debería desencadenar.

El plugin jQuery Waypoints http://imakewebthings.github.com/jquery-waypoints/ debería ser el truco

ACTUALIZAR

    jQuery Waypoints Plugin - Test      
Content goes here

También querrás ver el siguiente pequeño complemento, me ayudó en el pasado y está bastante limpio:

Ejemplo de uso:

 $('div').bind('inview', monitor); function monitor(event, visible) { if(visible) { // element is now visible in the viewport } else { // element has gone out of the viewport } } 

jQuery Bullseye: http://static.pixeltango.com/jQuery/Bullseye/ ¡ también hace un gran trabajo en la detección de ventanas gráficas!

https://github.com/stutrek/scrollMonitor

 var scrollMonitor = require("./scrollMonitor"); // if you're not using require, you can use the scrollMonitor global. var myElement = document.getElementById("itemToWatch"); var elementWatcher = scrollMonitor.create( myElement ); elementWatcher.enterViewport(function() { console.log( 'I have entered the viewport' ); }); elementWatcher.exitViewport(function() { console.log( 'I have left the viewport' ); }); elementWatcher.isInViewport - true if any part of the element is visible, false if not. elementWatcher.isFullyInViewport - true if the entire element is visible [1]. elementWatcher.isAboveViewport - true if any part of the element is above the viewport. elementWatcher.isBelowViewport - true if any part of the element is below the viewport. 
    Intereting Posts