jQuery的水平滚动事件 - 编辑(jquery horizontal scroll event

2019-09-28 02:53发布

您好我有我想要的动态字幕添加到一个水平滚动画廊,字幕在页面上静态的,我想他们打开和关闭,当用户滚动经过每个图像。

继承人的页面的实物模型:

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:

嘿,你只需要使用$(窗口).scroll和scrollleft香港专业教育学院做了一个简单的测试,这里为你的价值:

http://jsfiddle.net/vJUXy/

让我知道如果香港专业教育学院误解? 亚历克斯



Answer 2:

更新您的JQuery。 isWindow在1.4.3中加入( http://api.jquery.com/jQuery.isWindow/ ),你正在使用1.4.2。



文章来源: jquery horizontal scroll event - Edit