jquery - 带 var 的顶部滚动

Question

好的看起来像这样

    $(".back-top").hide();
$(function () {
    $('#container').scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.back-top').fadeIn();
        } else {
            $('.back-top').fadeOut();
        }
    });
    $('.back-top a').click(function () {
        $('#container,#top,body,html').animate({
            scrollTop: 0
        }, 400);
        return false;
    });
});

但我需要一个变量 TopScroll 或其他，因为我的网站在一页中，我做了这个：

    $(function () {
var TopScroll = false;
        if (TopScroll==true){
            $(".back-top").show();
        } else {
            $(".back-top").hide();
        }
    $('#container').scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.back-top').fadeIn();
            TopScroll = true;
        } else {
            $('.back-top').fadeOut();
            TopScroll = false;
        }
    });
    $('.back-top a').click(function () {
        $('#container,#top,body,html').animate({
            scrollTop: 0
        }, 400);
        TopScroll = false;
        return false;
    });
});

并且不再工作了。我真的需要这个帮助。我不知道该怎么办。

Answer 1

这是你想说的吗？

$(function () {
    var TopScroll = false;
    var updateTopScrollVisibility = function() {
        if (TopScroll) {
            $(".back-top").show();
        } else {
            $(".back-top").hide();
        }
    }
    $('#container').scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.back-top').fadeIn();
            TopScroll = true;
        } else {
            $('.back-top').fadeOut();
            TopScroll = false;
        }
        updateTopScrollVisibility();
    });
    $('.back-top a').click(function () {
        $('#container,#top,body,html').animate({
            scrollTop: 0
        }, 400);
        TopScroll = false;
        updateTopScrollVisibility();
        return false;
    });
});

Answer 2

移动/添加

var TopScroll = false;
var updateTopScrollVisibility = function() {
    if (TopScroll == false) {
        $(".back-top").show();
    } else {
        $(".back-top").hide();
    }
}

就在之前

$(function() {
    var TopScroll = false;
    ...

所以它是这样的

var TopScroll = false;
var updateTopScrollVisibility = function() {
    if (TopScroll == false) {
        $(".back-top").show();
    } else {
        $(".back-top").hide();
    }
}
$(function() {
    $('#container').scroll(function() {
...

然后添加updateTopScrollVisibility();为之后的第一行if (contentClicked == false) {和之后的第一行

} else {
    musicOverlay.animate({
        marginRight: -683
        }, 400);