jquery水平滚动事件 - 编辑

Question

您好，我有一个水平滚动的画廊，我想添加动态字幕，页面上的字幕是静态的，我希望它们在用户滚动经过每张图片时打开和关闭。

这里是页面的模型：

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

作为概念验证，我在上面的画廊中有一个红色的小方块，我想在它进入屏幕时触发一个事件。有什么想法吗？

我尝试过使用航路点，但不知道如何设置它来监听水平滚动事件。我对 jquery 很陌生，你可能会说，所以非常感谢任何帮助，

这是我到目前为止所尝试的：

$(document).ready(function() {

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


});

这是错误：

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'

更新：升级到最新版本的 jquery，似乎修复了 consloe 错误。它现在可以工作，但只有当正方形垂直进入框架时，我找不到如何将方向设置为水平。

谢谢

乔恩

Answer 1

嘿，你只需要使用 $(window).scroll 和来自 scrollleft 的值，我在这里为你做了一个简单的测试：

http://jsfiddle.net/vJUXy/

如果我误解了，请告诉我？ 亚历克斯

Answer 2

更新您的 JQuery。 isWindow 是在 1.4.3 (http://api.jquery.com/jQuery.isWindow/) 中添加的，而您使用的是 1.4.2。