jquery水平滚动事件 - 编辑

时间:2011-11-12 14:46:32

标签: jquery html scroll horizontal-scrolling

您好我有一个水平滚动图库,我想添加动态字幕,页面上的标题是静态的,我希望它们在用户滚动浏览每个图像时打开和关闭。

这是一个模拟页面:

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错误。它现在有效,但只有当正方形垂直进入框架时,我才能找到如何将方向设置为水平。

由于

乔恩

2 个答案:

答案 0 :(得分:4)

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

http://jsfiddle.net/vJUXy/

让我知道我是否误解了? 亚历

答案 1 :(得分:2)

更新你的JQuery。 {1.4}(http://api.jquery.com/jQuery.isWindow/)中添加了isWindow,您使用的是1.4.2。