Question

我已经为header-bg的缩放动画注释掉了/删除了以下代码，但它仍然在我的网站上运行并出现在控制台中：

/*
@keyframes bg-zoom {
   0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
    }
}
*/
.home-header-wrapper-bg {
    content: "";
    background: #fff url("...") center center no-repeat fixed;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
/*
    animation: bg-zoom 30s infinite alternate ease-in-out;
    -webkit-animation: bg-zoom 30s infinite alternate ease-in-out;
*/
}

我也清除了缓存。演示：here

Answer 1

在您的HTML文件中没有css文件，对此代码进行了罚款并将其删除

var x;
        $(window).on('scroll', function() {
            x = $(window).scrollTop();
            $('.home-header-wrapper-bg').css('background-size', 100 + parseInt(x / 1, 0) + '% ');
});

同样删除这个：

$(window).scroll(function(){
            $(".home-header-container").css("opacity", 1 - $(window).scrollTop() / 500);
});

Answer 2

看起来它可能是导致这种情况的一些javascript。当我检查“home-header-wrapper-bg”并开始滚动时，它开始改变内联的不透明度和背景大小而不是样式表。

注释/删除后无法禁用css动画

2 个答案: