Изменение цвета обводки при прокрутке с помощью jQuery ⇐ Jquery

[Anonymous]

Итак, у меня есть анимация Lottie, в которой я пытаюсь изменить цвет обводки при прокрутке страницы. Простите меня, я новичок в этом, но я удалил этот код здесь, и он работает нормально. Как мне отредактировать его, чтобы он влиял не на непрозрачность, а на обводку?

Код: Выделить всё

  function changeCss () {
var lake = document.querySelector(".lakec");
this.scrollY > 400 ? lake.style.opacity = 0 : lake.style.opacity = 1;
}
window.addEventListener("scroll", changeCss , false);

С моими минимальными знаниями я попробовал это, но безуспешно. Чего мне не хватает?

Код: Выделить всё

function changeCss () {
var lake = document.querySelector(".lakec");
this.scrollY > 400 ? lake.style.stroke = "black" : lake.style.stroke = "pink";
}
window.addEventListener("scroll", changeCss , false);

JQUERY

Код: Выделить всё

var animation = bodymovin.loadAnimation({
container: document.getElementById('animContainer'),
renderer: 'svg',
loop: true,
autoplay: true,
path: '/wp-content/uploads/2024/07/Lake-Animation.json'
})

HTML

Код: Выделить всё

CSS

Код: Выделить всё

#animContainer {
width: 150px;
height:150px;
}

Анимация Лотти представляет собой контур обводки. Я могу прекрасно отредактировать свойство Stroke с помощью CSS, поэтому я пытаюсь настроить таргетинг на это свойство здесь.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ith-jquery