Hello!
Why does the script add a class to the body when the resolution is 1024?
In theory, it should work this way, the script monitors the screen resolution, and at a resolution of less than 960, work begins.

$(window).resize(function() { if(document.documentElement.clientWidth < 959) { $('.js-open-form, .b-menu__to-form').click('on', function() { $.browser_device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())); if ($.browser_device) { search_elementTop = $(document).scrollTop(); $(function() { $('html, body').animate({ scrollTop: search_elementTop }, 500); }); } $('body').addClass('active-form'); $('.b-feedback-form').addClass('active'); }); $('.b-feedback-form__close-link').click('on', function() { $('.b-feedback-form').removeClass('active'); $('body').removeClass('active-form'); }); } });

UPD It works like this:

 $(window).resize(function() { $('.js-open-form, .b-menu__to-form').click('on', function() { if(document.documentElement.clientWidth < 959) { $.browser_device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())); if ($.browser_device) { search_elementTop = $(document).scrollTop(); $(function() { $('html, body').animate({ scrollTop: search_elementTop }, 500); }); } $('body').addClass('active-form'); $('.b-feedback-form').addClass('active'); $('.b-feedback-form__close-link').click('on', function() { $('.b-feedback-form').removeClass('active'); $('body').removeClass('active-form'); }); } else { $('.b-feedback-form').removeClass('active'); $('body').removeClass('active-form'); } }); });
  • Try setting the condition of checking the width inside the click - greybutton
  • It works, thanks! - drtvader
  • @greybutton transfer your answer, so that you can note that the issue has been resolved. - drtvader

1 answer 1

Set the condition of checking the width inside the click