Как сделать, чтобы такой скрипт jquery работал только на планшетах и компьютерах, а но мобильном отключался?

Question

[pavlova1906]

Всем привет! Помогите пожалуйста, как данный скрипт прописать, чтобы он работал только на экранах, у которых разрешение больше 780px?

<script>
  jQuery(function($) {
          $(window).scroll(function(){
              if($(this).scrollTop()>110){
                  $('.main-menu').addClass('fixed');
              }
              else if ($(this).scrollTop()<110){
                  $('.main-menu').removeClass('fixed');
              }
          });
      });
</script>

Comments

[Вадим]

window.innerWidth:
google;
и\или:
Как сделать выполнение скрипта только при определенном разрешении?
Как сделать выполнение функции jquery только для мобильного разрешения?
Как запретить отображения функции на мобильных устройствах?
Как сделать, что бы скрипт работал только на мобильных устройствах?

Answer 1

[Spartak (Web-StyleStudio)]

function mainMenu() {
	if (window.screen.width >= 780) {
		if ($(window).scrollTop() >= 110) {
			$('.main-menu').addClass('fixed');
		} else {
			$('.main-menu').removeClass('fixed');
		}
	}
}

$(document).ready(function() {
	mainMenu();
	$(window).scroll(function() {
		mainMenu();
	});
});