jquery基于2个独立的滚动位置显示和隐藏div

Question

我正在尝试弄清楚如何在页面上的两个不同位置显示/隐藏相同的div，但它目前不能正常工作。我明白为什么我的代码不能工作，但我不确定如何修复它。任何帮助都将不胜感激！

    $(document).ready(function () {
        if ($(window).width() < 400) {
            $(".socialShare").hide();
        }
    });

    $(window).scroll(function () {
        var banner = $(".articleBannerImg").offset().top;
        var bannerHeight = $(".articleBannerImg").outerHeight();
        if ($(window).width() < 400) {
            if ($(window).scrollTop() > (banner + bannerHeight)) {
                $(".socialShare").fadeIn();
            } else {
                $(".socialShare").fadeOut();
            } 
        }

        var article = $(".articleBody .copy").offset().top;
        var articleHeight = $(".articleBody .copy").outerHeight();
        if ($(window).scrollTop() > (article + articleHeight)) {
            $(".socialShare").fadeOut();
        } else {
            $(".socialShare").fadeIn();
        } 
    });

Answer 1

这已经足够接近我需要做的事情了。

$(document).ready(function () {
        if ($(window).width() < 400) {
            $(".socialShare").hide();
        }
    });

    $(window).scroll(function () {
        var article = $(".articleBody .copy").offset().top;
        var articleHeight = $(".articleBody .copy").outerHeight();
        if ($(window).scrollTop() > (article + articleHeight)) {
            $(".socialShare").fadeOut();
        } else {
            $(".socialShare").fadeIn();
        } 
    });