jQuery - 如何检测scrollLeft和scrollTop

时间:2013-06-08 22:54:55

标签: javascript jquery scroll scrolltop

我有以下jQuery代码,当前检测用户是否水平滚动(scrollLeft)过去500px然后触发包含的函数。

jQuery(document).on('scroll', function() {
    if(jQuery(this).scrollLeft() >= 500) {
        mysuperduperfunction();
}});

我现在希望该函数能够检测用户是否垂直(scrollTop)滚过500px并激活相同的功能。

换句话说,如果用户 向左滚动500px 向下滚动500px,我需要jQuery来检测这一点。

这可以实现吗?怎么样?谢谢!

1 个答案:

答案 0 :(得分:3)

使用||

jQuery(document).on('scroll', function() {
that = jQuery(this);
    if(that.scrollLeft() >= 500 || that.scrollTop() >= 500) {
        mysuperduperfunction();
}});

here's a fiddle

如果这是你的意思我强烈建议从这里开始: Eloquent javascript