Как отключить скрипт на мобильной версии сайта?

Question

[Mnq223]

Друзья, помогите отключить скрипт jq. Нужно сделать так, чтобы он работал только на декстопе, а на мобиле выключался.
Сам скрипт:
jQuery('document').ready(function () {
var $top = $(".menu")
$(window).on("scroll", function () {
if ($(window).scrollTop() <= 650) {
$top.fadeIn();
} else {
$top.fadeOut()
}
});
});

Answer 1

[ⓒⓢⓢ]

например так:

jQuery('document').ready(function () {
  var $top = $(".menu");
  var isMobile = $(window).width() < 1280; // <- true, если ширина экрана меньше 1280
  $(window).on("scroll", function () {
    if (isMobile) return; // <- Если ширина экрана меньше 1280, то выходим из функции
    if ($(window).scrollTop() <= 650) {
      ...
    }
  });
});

Comments

[Mnq223]

Попробовал, не работает, к сожалению

[ⓒⓢⓢ]

Mnq223, должен работать, почему нет. Загрузите сайт в "мобиле"

А если хотите его ещё дергать\сжимать и на десктопе, то проверяйте размеры окна:

jQuery('document').ready(function () {
  var $top = $(".menu");
  var isMobile = $(window).width() < 1280; // <- true, если ширина экрана меньше 1280
  $(window).on("resize", function() {
    isMobile = $(window).width() < 1280;
  });
  $(window).on("scroll", function () {
    if (isMobile) return; // <- Если ширина экрана меньше 1280, то выходим из функции
    if ($(window).scrollTop() <= 650) {
      ...
    }
  });
});

[Mnq223]

Спасибо, заработал!)