How can I stop my sidebar from scrolling when on mobile view?

Question

I have a sidebar that scrolls on desktop/iPad view but it also affects it on mobile view I would like to disable this JavaScript code on mobile view/smaller screen.

var length = $('#filters-sidebar-wrap').height() - $('#filters-sidebar').height() + $('#filters-sidebar-wrap').offset().top;

      $(window).scroll(function () {

        var scroll = $(this).scrollTop();
        var height = $('#filters-sidebar').height() + 'px';
    
        if (scroll < $('#filters-sidebar-wrap').offset().top) {

            $('#filters-sidebar').css({
                'position': 'absolute',
                'top': '40px',
                'width': '290px'
            });

        } else if (scroll > length ) {

            $('#filters-sidebar').css({
                'position': 'absolute',
                'bottom': '0',
                'top': 'auto',
                'width': '290px'
             });

        } else {

            $('#filters-sidebar').css({
                'position': 'fixed',
                'top': '128px',
                'width': '290px',
                'height': 'height'

            });
        }
    });

Answer 1

I was able to solve my problem, Thank you for all the help!

 if(window.innerWidth < 992 ) {
            $("#filters-sidebar").removeAttr("style");
       
          } else {
      
        /// Add code here