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

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();
        } 
    });