Почему не удаляются классы css в методом className в ie 9-11?

Question

[Василий Сакович]

Есть такая функция:

function toggleClass(elem,cls,flag){
        
      var cls1=elem.className;
      
      cls1=cls1.split(' ');
      
      var i=cls1.indexOf(cls);
      
      if ( (i >= 0 && flag > 0) || (i <0 && flag < 0)){
          return;
      }
           
      if(flag < 0){
          cls1.splice(i,1);
      }
      
      if(flag >= 0){
          cls1.push(cls);
      }
      
      cls1=cls1.join(' ');

      elem.className=cls1;
  }

результат ее многократного вызова в ie получается такой:


в остальных браузерах все OK.
Заранее благодарен за помощь)

Comments

[Василий Сакович]

Немного поясню где применяется функция :
при скролле вниз, между заданных точек, добавляем класс к нескольким елементам, при скролле вверх удаляем его.
в функцию передаются: elem - элемент, cls - класс который надо убрать или добавить, flag - направление скролла.

[Dark Hole]

Василий Сакович: у вас на скрине Microsoft Edge. Не надо врать про IE

[Василий Сакович]

ie@abyrkov: IE-11 WINDOWS 10 PRO версия 1607

[Василий Сакович]

в EDGE кстати все работает

[Dark Hole]

Василий Сакович: я кажется понял. Вы ведь без flag вызываете?

[Василий Сакович]

проверяем flag
if ( (i >= 0 && flag > 0) || (i <0 && flag < 0) || flag === undefined){
return;
}
результат тот же

Answer 1

[Anton fon Faust]

Вот вам описание метода javascript.ru/Array/splice
Вот вам строка с ошибкой: cls1.splice(i,1);
Вот вам подсказка: индексы в массиве начинаются с нуля.

Потому и не удаляет.ж