Add class when page is scrolled farther dan Xpx down (drupal jquery)

scrolling-switch.js

(function ($, Drupal) {

  $(window).on('scroll', function () {;
    scrollingSwitch();
    // console.log('scrolling scrolling scrolling');
  });



  function scrollingSwitch() {
    var html = $('html');
    var body = $('body');
    var width = $(window).width();
    var breakMobilemenu = 1140;

    if (width >= breakMobilemenu) {
      //desktop
      if ((html.scrollTop() > 40 || body.scrollTop() > 40)) {
        body.addClass('is-scrolled');
        // console.log('html scrolltop:' + html.scrollTop());
      } else {
        body.removeClass('is-scrolled');
      }
    } else {
      //mobile
      if ((html.scrollTop() > 32 || body.scrollTop() > 32)) {
        body.addClass('is-scrolled');
        // console.log('html scrolltop:' + html.scrollTop());
      } else {
        body.removeClass('is-scrolled');
      }
    }
    
  }


})(jQuery, Drupal);