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

顶部滚动与var

2 个答案: