Jquery 到 Javascript Bootstrap 滚动功能

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 = "";
  }
}