IE8的問題 - 對象不支持屬性或方法錯誤

Question

這就是問題所在。在

碼 - cbpAnimatedHeader.min.js文件搜索：這

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()})(); 

問題，並發現此線程SCRIPT438: Object doesn't support property or method IE

「html元素id具有相同的id作爲javascr中的某些變量IPT功能」 ..

這是該解決方案..這是什麼意思。我不知道..誰能幫助我..

Answer 1

可能有其他幾個問題也是如此，但作爲快看，我發現這個：

window.addEventListener("scroll", 

凡addEventListener不支持IE8和querySelector()方法也部分支持。所以，你可以有一個像這樣的回退：

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() 
})();