javascript - 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 与 javascript 函数中的某些变量具有相同的 id”..

这是解决方案吗..这是什么意思..我不知道..任何人都可以帮助我..

Answer 1

可能还有其他几个问题，但快速查看后我发现了这个:

window.addEventListener("scroll",

IE8 不支持 addEventListener，并且部分支持 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()
})();