Методы добавления класса при прокрутке окна с использованием JavaScript/jQuery

Чтобы добавить класс прокрутки окна, вы можете использовать JavaScript/jQuery для достижения желаемой функциональности. Вот несколько методов, которые вы можете использовать:

Метод 1: использование JavaScript addEventListenerи события scroll:

window.addEventListener('scroll', function() {
  // Get the element you want to add the class to
  var element = document.getElementById('yourElementId');
  // Add the class when the window is scrolled
  element.classList.add('yourClassName');
});

Метод 2: использование события jQuery scroll:

$(window).scroll(function() {
  // Get the element you want to add the class to
  var element = $('#yourElementId');
  // Add the class when the window is scrolled
  element.addClass('yourClassName');
});

Метод 3. Использование функций jQuery scrollTopи addClass:

$(window).scroll(function() {
  // Get the current scroll position
  var scrollPosition = $(window).scrollTop();
  // Define the scroll threshold where you want to add the class
  var scrollThreshold = 200;
  // Get the element you want to add the class to
  var element = $('#yourElementId');
  // Add the class when the scroll position exceeds the threshold
  if (scrollPosition > scrollThreshold) {
    element.addClass('yourClassName');
  } else {
    element.removeClass('yourClassName');
  }
});

Метод 4. Использование CSS и JavaScript/jQuery:

.yourClassName {
  /* Define the styles for the class */
}
$(window).scroll(function() {
  // Get the current scroll position
  var scrollPosition = $(window).scrollTop();
  // Define the scroll threshold where you want to add the class
  var scrollThreshold = 200;
  // Get the element you want to add the class to
  var element = $('#yourElementId');
  // Add or remove the class based on the scroll position
  if (scrollPosition > scrollThreshold) {
    element.addClass('yourClassName');
  } else {
    element.removeClass('yourClassName');
  }
});