Блог

Главная - Вопросы по программированию - Функция прокрутки начальной загрузки Jquery в Javascript

Функция прокрутки начальной загрузки Jquery в Javascript

#javascript #jquery #bootstrap-4 #navigation #nav

#javascript #jquery #bootstrap-4 #навигация

Вопрос:

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

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

Комментарии:

1. все, что вам нужно, это добавить в index.html это: <script src=» code.jquery.com/jquery-3.3.1.min.js » integrity=»sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=»crossorigin=»анонимный»></script>

Ответ №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 = "";
  }
}