Прокрутка замирания не работает на firefox

Question

У меня проблема с fadeout. Кажется, он работает на хроме, но он не работает на firefox. Кто-то может мне помочь? большое спасибо!

https://jsfiddle.net/tbwst60o/

var scrollPos; 
$(window).scroll(function() { 
    var scrollPos = document.body.scrollTop; 

    if (scrollPos < 10) { 
      $('#cc-m-12786466225').fadeTo(100,1); 
    } else { 
      $('#cc-m-12786466225').fadeTo(100,0); 
    } 
}); 

вот код (https://jsfiddle.net/tbwst60o/3/embedded/result/)

Answer 1

Различные браузеры получают, что переменные по-разному.

Вот функция от this answer, примененная к вашему коду.

https://jsfiddle.net/tbwst60o/2/

$(window).scroll(function() { 
    if (getScrollTop() < 10) { 
      $('#cc-m-12786466225').fadeTo(100,1); 
    } else { 
      $('#cc-m-12786466225').fadeTo(100,0); 
    } 
}); 

function getScrollTop(){ 
    if(typeof pageYOffset!= 'undefined'){ 
     //most browsers except IE before #9 
     return pageYOffset; 
    } 
    else{ 
     var B= document.body; //IE 'quirks' 
     var D= document.documentElement; //IE with doctype 
     D= (D.clientHeight)? D: B; 
     return D.scrollTop; 
    } 
} 

Хотя ... JQuery уже это встраивается.

$(window).scroll(function() { 
    if ($(window).scrollTop() < 10) { 
      $('#cc-m-12786466225').fadeTo(100,1); 
    } else { 
      $('#cc-m-12786466225').fadeTo(100,0); 
    } 
});