jquery horizontal scroll event - Éditer

Question

Bonjour, J'ai une galerie de défilement horizontale à laquelle je veux ajouter des légendes dynamiques, les légendes sont statiques sur la page et je voudrais qu'elles s'allument et s'éteignent lorsque l'utilisateur défile devant chaque image .

Heres une maquette de la page:

http://www.jonathantopf.com/imijstudio/

Pour une preuve de concept que j'ai un petit carré rouge dans la galerie ci-dessus que je voudrais utiliser pour déclencher un événement quand il entre dans la écran. Des idées?

J'ai fait un tour en utilisant les waypoints mais je n'arrivais pas à comprendre comment le régler pour écouter les événements de défilement horizontal. Je suis très nouveau pour jquery que vous pourriez être en mesure de dire si une aide est grandement appréciée,

Heres ce que j'ai essayé jusqu'à présent:

$(document).ready(function() { 

$("#blob").waypoint(function() { 
    alert('waypoint reached.'); 
}); 


}); 

et voici l'erreur:

Uncaught TypeError: Object function (selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
} has no method 'isWindow' 

MISE À JOUR: mise à jour vers la dernière version de jquery, qui semblait corriger l'erreur consloe. Cela fonctionne maintenant mais seulement quand le carré entre verticalement dans le cadre, je ne peux pas trouver comment mettre l'orientation à l'horizontale.

Merci

jon

Answer 1

Hey vous avez juste besoin d'utiliser le $ (fenêtre) .scroll et la valeur de scrollLeft ive fait un test simple pour vous ici:

http://jsfiddle.net/vJUXy/

me faire savoir si ive mal compris? Alex

Answer 2

Mettez à jour votre JQuery. isWindow a été ajouté en 1.4.3 (http://api.jquery.com/jQuery.isWindow/) et vous utilisez 1.4.2.