在滚动时,我更改了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}`);
}
});