Jquery для Javascript Bootstrap Scroll Функция

Question

Я пытался преобразовать этот JQuery в JS, и я не могу понять это. Может ли кто-нибудь помочь мне здесь JQuery. При прокрутке он должен переключать эффект во время движения, но он не работает, и я хотел бы узнать, как это будет сделано в javascript.

 $(function () {     
$(document).scroll(function () { 
var $nav = $("#mainNavbar");        
 $nav.toggleClass("scrolled", $(this).scrollTop() > $nav.height()); 
}); 
})

Answer 1

Вы можете получить это в Javascript

    window.onscroll = function() {myFunction()};

function myFunction() {
  if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
    document.getElementById("myP").className = "test";
  } else {
    document.getElementById("myP").className = "";
  }
}