Во время прокрутки я меняю цвет фона SVG. От белого до темного. Отлично работает в Chrome и Firefox. Проблема с EDGE. Идентификатор не применяет правило:
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}`);
}
});