IE8 Problem - Objekt unterstützt keine Eigenschaft oder Methode Fehler

Question

Das ist das Problem ..

Code in - cbpAnimatedHeader.min.js

Datei

var cbpAnimatedHeader=(function(){var b=document.documentElement,g=document.querySelector(".cbp-af-header"),e=false,a=100;function f(){window.addEventListener("scroll",function(h){if(!e){e=true;setTimeout(d,250)}},false)}function d(){var h=c();if(h>=a){classie.add(g,"cbp-af-header-shrink")}else{classie.remove(g,"cbp-af-header-shrink")}e=false}function c(){return window.pageYOffset||b.scrollTop}f()})(); 

für diese gesucht Ausgabe und fand diesen Thread SCRIPT438: Object doesn't support property or method IE

"HTML-Element-ID hat die gleiche ID wie eine Variable in der Javascr ipt Funktion“..

Ist die Lösung dieses .. Was bedeutet das .. Ich habe keine Ahnung .. kann mir jemand helfen ..

Answer 1

Es könnte auch einige andere Probleme, aber als i kurzer Blick fand diese:

window.addEventListener("scroll", 

Wo addEventListener nicht in IE8 und querySelector() Methode unterstützt wird, ist auch teilweise unterstützt. So können Sie entweder ein Fallback haben wie:

var cbpAnimatedHeader = (function() { 
    var b = document.documentElement, 
    g = document.getElementsByClassName("cbp-af-header")[0], 
    e = false, 
    a = 100; 

    function f() { 
    window.onscroll = function(h) { 
     if (!e) { 
     e = true; 
     setTimeout(d, 250) 
     } 
    }; 
    } 

    function d() { 
    var h = c(); 
    if (h >= a) { 
     classie.add(g, "cbp-af-header-shrink") 
    } else { 
     classie.remove(g, "cbp-af-header-shrink") 
    } 
    e = false 
    } 

    function c() { 
    return window.pageYOffset || b.scrollTop 
    } 
    f() 
})();