即使在评论 out/deleting 之后也无法禁用 css 动画

Question

我已经评论了 out/deleted 以下用于 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

看起来可能是 javascript 造成的。当我检查 "home-header-wrapper-bg" 并开始滚动时，它开始内联更改不透明度和背景大小，而不是在样式表中。

Answer 2

在你的 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);
});

即使在评论 out/deleting 之后也无法禁用 css 动画

can't disable css animation even after commenting out/deleting

html

css

animation

animate.css