Как изменить цвет ссылки при скроле на разном фоне?

Question

[movetonjkee]

Здравствуйте, мне надо чтобы каждый элемент мену при скроле с главного экрана менял свой цвет постепенно, и так же в дальнейше в зависимости от блока менял цвет на другой так же постепенно, если есть у кого примеры, буду благодарен.

$(window).on("scroll",function(){
      if(document.documentElement.clientWidth >= 1550) {
      var wn = $(window).scrollTop();
       if(wn > 500){
         var menuItems = $(".menu-items a");
         menuItems.each(function(el) {
           console.log($(menuItems.el))
           menuItems[el].css("color","#000");
         })
       }

вот мой код, но почему то выдает ошибку menuItems[el].css is not a function

Comments

[YavaDev]

$(this).css("color","#000");
А вообще лучше для .menu-items добавить класс и уже в css менять цвет.

Answer 1

[Антон Романков]

Например, так https://codepen.io/romant094/pen/MWowWOy
если я правильно понял запрос

PS вроде бы css принимает объект. В JQ не силен, так что прошу извинять, если что.
попробуйте так:
menuItems[el].css({color: "#000"});