javascript - 将此 Javascript 代码转换为 JQuery

Question

我试图将下一段 JS 代码转换为 JQuery，但它不起作用。你能帮忙吗 ？

function initUpdateNavbarOnScroll() {
  var navbarc = document.querySelectorAll('#site-navigation-wrap .dropdown-menu>li>a');
  window.addEventListener('scroll', () => {
    if (window.scrollY >= window.innerHeight) {
      navbarc.classList.add('darklinker');
    } else {
      navbarc.classList.remove('darklinker');
    }
  });
}

initUpdateNavbarOnScroll();

如果有帮助，我做了不同的尝试，但其中任何一个都有效......

// ​$( "#site-navigation-wrap .dropdown-menu>li>a" ).on( "scroll", function( event ) {
//     var navbarc = $( this );
//     if (window.scrollY >= window.innerHeight) {
//       navbarc.addClass('darklinker');
//     } else {
//       navbarc.removeClass('darklinker');
//     }
// });​​​​​​​​​​​​​​​​​​​​​

// $( window ).scrollY(function() {
//   if ($( "site-navigation-wrap .dropdown-menu>li>a" )) {
//     navbarc.addClass('darklinker');
//   } else {
//     navbarc.removeClass('darklinker');
//   }
// });

谢谢。

Answer 1

function initUpdateNavbarOnScroll() {
    var navbarc = $("#site-navigation-wrap .dropdown-menu>li>a");

    window.addEventListener('scroll', () => {
      if (window.scrollY >= window.innerHeight) {
        navbarc.addClass('darklinker');
      } else {
        navbarc.removeClass('darklinker');
      }
    });
}

initUpdateNavbarOnScroll();