jQuery - 如何检测 scrollLeft 和 scrollTop答案

【问题标题】：jQuery - How to detect scrollLeft AND scrollTopjQuery - 如何检测 scrollLeft 和 scrollTop
【发布时间】：2013-06-04 23:27:55
【问题描述】：

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

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

我现在希望该功能还检测用户是否垂直滚动 (scrollTop) 越过500px 并触发相同的功能。

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

这可以实现吗？如何？谢谢！

【问题讨论】：

标签： javascript jquery scroll scrolltop

【解决方案1】：

使用 ||

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

here's a fiddle

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

【讨论】：