幻灯片功能：setProperty在IE中不起作用

Question

我正在使用幻灯片功能，它当然可以在除IE之外的所有浏览器上很好地工作。

我首先认为是由于Math.sign引起的，但是我为此添加了一个polyfill并解决了该错误，但是滑块仍然无法正常工作。然后我进行了更多研究，我认为这是因为这种语法

_C.style.setProperty('--i', num);

用于设置值并在CSS中使用它，如下所示：

transform: translate(calc(var(--i, 0)/var(--n)*var(--n)*-100%));

function move(e) {
  document.getElementsByClassName('checked')[0].classList.remove('checked')
  if(x0 || x0 === 0) {
    if (!Math.sign) {
      Math.sign = function(x) {
        return ((x > 0) - (x < 0)) || +x;
    }
  }
    let dx = unify(e).clientX - x0, s = Math.sign(dx);

    if((i > 0 || s < 0) && (i < N - 1 || s > 0))
      _C.style.setProperty('--i', i -= s);
      let circles = document.getElementsByClassName('testimonial-circle')
      let circle = circles[i]
      circle.classList.add('checked')

    x0 = null
  }
};

想法是单击气泡并滑到特定的“推荐”