javascript - 幻灯片功能：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
  }
};

这个想法是点击一个气泡并滑动到特定的“推荐”

标签： javascriptcssinternet-explorercss-variables