2016-07-28 7 views
0

Я закомментирована/удален следующий код для масштабирования анимации заголовков Б.Г., но она по-прежнему работает на моем сайте, и появляется в консоли:не может отключить CSS анимации даже после того, как закомментировать/удаление

/* 
@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

+0

Попробуйте полностью удалить его и тест снова, поэтому мы знаем, что это не проблема. –

ответ

3

В вашем 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); 
}); 
0

Похоже, что это, вероятно, какой-то javascript, который вызывает это. Когда я проверяю «home-header-wrapper-bg» и начинаю прокрутку, он начинает изменять непрозрачность и размер фона в строке, а не в таблице стилей.