我的javascript代码没有';不能在Firefox或IE中工作

我的javascript代码没有';不能在Firefox或IE中工作,javascript,Javascript,我注意到我的网页在chrome中加载良好,但我的javascript效果仅在chrome中有效 这是一个渐变的滚动效果,意味着第一个div被照亮,而下面的div是黑暗的,当我向下滚动时,div会变暗,中间的一个亮起来等等。 有人能帮我弄清楚为什么它不起作用吗 这是我的密码: $(window).scroll(function() { var wScroll = $(this).scrollTop(); if ($(".pathe")[0]) { if (wScroll >

我注意到我的网页在chrome中加载良好,但我的javascript效果仅在chrome中有效

这是一个渐变的滚动效果,意味着第一个div被照亮,而下面的div是黑暗的,当我向下滚动时,div会变暗,中间的一个亮起来等等。

有人能帮我弄清楚为什么它不起作用吗

这是我的密码:

$(window).scroll(function() {
  var wScroll = $(this).scrollTop();

  if ($(".pathe")[0]) {
    if (wScroll > $('.ribfactory a').offset().top) {
      $('.ribfactory').addClass('filter');
      $('.ribfactory').removeClass('invertedfilter');
      $('.pathe').addClass('invertedfilter');
    } else {
      $('.ribfactory').removeClass('filter');
      $('.ribfactory').addClass('invertedfilter');
      $('.pathe').removeClass('invertedfilter');
      $('.pathe').addClass('filter');
    }

    var wScroll = $(this).scrollTop();

    if (wScroll > $('.pathe a').offset().top) {
      $('.pathe').removeClass('invertedfilter');
      $('.pathe').addClass('filter');
      $('.boozy').addClass('invertedfilter');
    } else {
      $('.boozy').removeClass('invertedfilter');
      $('.boozy').addClass('filter');
    }
  } else if ($(".muesli")[0]) {
    if (wScroll > $('.muesli a').offset().top) {
      $('.muesli').addClass('filter');
      $('.muesli').removeClass('invertedfilter');
      $('.ice').addClass('invertedfilter');
    } else {
      $('.muesli').removeClass('filter');
      $('.muesli').addClass('invertedfilter');
      $('.ice').removeClass('invertedfilter');
      $('.ice').addClass('filter');
    }

    var wScroll = $(this).scrollTop();

    if (wScroll > $('.ice a').offset().top) {
      $('.ice').removeClass('invertedfilter');
      $('.ice').addClass('filter');
      $('.adventure').addClass('invertedfilter');
    } else {
      $('.adventure').removeClass('invertedfilter');
      $('.adventure').addClass('filter');
    }
  } else if ($(".polymed")[0]) {
    if (wScroll > $('.polymed a').offset().top) {
      $('.polymed').addClass('filter');
      $('.polymed').removeClass('invertedfilter');
      $('.safety').addClass('invertedfilter');
    } else {
      $('.polymed').removeClass('filter');
      $('.polymed').addClass('invertedfilter');
      $('.safety').removeClass('invertedfilter');
      $('.safety').addClass('filter');
    }
  } else if ($(".tailoreliza")[0]) {
    if (wScroll > $('.ribfactory a').offset().top) {
      $('.ribfactory').addClass('filter');
      $('.ribfactory').removeClass('invertedfilter');
      $('.tailorbnn').addClass('invertedfilter');
    } else {
      $('.ribfactory').removeClass('filter');
      $('.ribfactory').addClass('invertedfilter');
      $('.tailorbnn').removeClass('invertedfilter');
      $('.tailorbnn').addClass('filter');
    }

    var wScroll = $(this).scrollTop();

    if (wScroll > $('.tailorbnn a').offset().top) {
      $('.tailorbnn').removeClass('invertedfilter');
      $('.tailorbnn').addClass('filter');
      $('.tailoreliza').addClass('invertedfilter');
    } else {
      $('.tailoreliza').removeClass('invertedfilter');
      $('.tailoreliza').addClass('filter');
    }
  }
});

你可以添加你的HTML并制作一个代码片段吗?如果没有看到CSS(这显然很重要,因为你到处都在添加/删除类),那么答案是。。。没有人能帮上忙-我猜CSS中充满了-webkit-前缀的东西。。。但是,这只是猜测,我想知道您是否已将jQuery添加到页面中。对于调试,请检查控制台是否存在错误。