javascript - 匹配2个元素的高度并在更高时记录

我创建了一个小脚本，该脚本检查2个项目的偏移量，然后在滚动时检查该项目的偏移量是否高于记录的屏幕高度。
它需要记录一些“较低”的内容。

(function () {
    $(document).ready(function () {
        var heightScreen =  $('.hero-screen').height();
        var item1 = $('.contact-menu').offset().top;

        $(window).scroll(function() {
            if (item1 >= heightScreen) {
                console.log('lower');
            }
        });
    });
})();

该脚本有效，但仅当页面已不在heightScreen变量中时刷新页面时才起作用。

最佳答案

如果要在滚动结束时记录高度，则必须在回调中进行计算。
尝试这个。

$(document).ready(function () {
    $(window).scroll(function() {
        var heightScreen =  $('.hero-screen').height();
        var item1 = $('.contact-menu').offset().top;
        if (item1 >= heightScreen) {
            console.log('lower');
        }
    });
});