jquery 根据 2 个单独的滚动位置显示和隐藏 div答案

【问题标题】：jquery show and hide div based on 2 separate scroll positionsjquery 根据 2 个单独的滚动位置显示和隐藏 div
【发布时间】：2014-09-16 21:59:04
【问题描述】：

我试图弄清楚如何在页面上的 2 个不同位置显示/隐藏相同的 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();
        } 
    });

【问题讨论】：

标签： jquery scroll show-hide

【解决方案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();
        } 
    });

【讨论】：