为什么在滚动时SVG背景色在EDGE中没有改变?

时间:2019-01-17 09:52:38

标签: javascript svg background-color rgb microsoft-edge

在滚动时,我更改了SVG的背景颜色。从白色到深色。它可以在Chrome和Firefox中正常运行。问题出在EDGE上。 ID不适用该规则:

style="enable-background:new 0 0 556.08 1248;" 

我实际上是:

 const rightPlasts = document.querySelector('#right-plasts path');
 rightPlasts.setAttribute('fill', `rgb(${r}, ${g}, ${b}`);

编辑: 提供了更多代码

  const sidebar = document.querySelector('#right-plasts path');

  window.addEventListener('scroll', () => {
    const y = 1 + ((window.scrollY || window.pageYOffset) / 140);
    const [r, g, b] = [red / y, green / y, blue / y].map(Math.round);

    if (r >= 33) {
      sidebar.style.backgroundColor = `rgb(${r}, ${g}, ${b})`;

      const rightPlasts = document.querySelector('#right-plasts path');
      rightPlasts.setAttribute('fill', `rgb(${r}, ${g}, ${b}`);
    }
  });

0 个答案:

没有答案