即使在注释掉/删除后也无法禁用 css 动画答案

【问题标题】：can't disable css animation even after commenting out/deleting即使在注释掉/删除后也无法禁用 css 动画
【发布时间】：2020-10-14 01:48:33
【问题描述】：

我已注释掉/删除了 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

【问题讨论】：

尝试完全删除它并再次测试，以便我们知道这不是问题。

标签： html css animation animate.css

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

【讨论】：

【解决方案2】：

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

【讨论】：