Jquery 设置滚动量后运行动画的最有效方法

只有当某个部分被滚动时，我才尝试淡入页面上的某些元素

当用户滚动通过标题时，一些元素应该加载进来

首先，我得到了收割台的高度：

var header_height = $('header').height();

然后我基于

$window

元素运行一个测试

$(window).scroll(function() {
        // if scroll past 50
        if ($(window).scrollTop() >= header_height) {
            console.log("scrolled " + header_height);
        } else {
            console.log("unscrolled " + header_height);
        }
    });

这样做很好，但是每个像素滚动都会再次运行脚本。因此，尽管它有效，但我担心它的效率不是很高

有更好的方法吗？例如，一旦用户滚动了

header\u height

px，运行这个东西…

---

假设jQuery中存在一个方法，当滚动高度超过页眉高度px时，该方法会触发一个函数。在这种情况下，jQuery将执行相同的操作，即检查滚动位置是否达到页眉高度px

---

因此，无论是否有满足此要求的方法，代码段的性能都应该相同。

此外，比较运算符非常快。因此，用户永远不会看到任何性能受到影响。谢谢，我只是不确定，因为我想我担心发生的计算数量。许多好的问题都会根据专家经验产生一定程度的意见，但这个问题的答案往往几乎完全基于意见，而不是事实、参考资料，或特定的专业知识。我建议你找一个发展论坛（也许？）来概括一下。然后，当您遇到特定的编码问题时，请返回StackOverflow，我们将很乐意提供帮助。

scroll

事件性能标准资源：