Показать сообщение отдельно
  #1 (permalink)  
Старый 04.12.2021, 12:36
Новичок на форуме
Отправить личное сообщение для Kenym8k Посмотреть профиль Найти все сообщения от Kenym8k
 
Регистрация: 04.12.2021
Сообщений: 4

Отключение скрипта на разрешениях меньше 1200px
Нужна помощь. У меня есть скрипт, нужно, чтобы он выполнялся, только когда ширина окна меньше 1200px. Как это сделать?

<script>
    var hoverMouse = function ($el) {
        $el.each(function () {
    var $self = $(this);
    var hover = false;
    var offsetHoverMax = $self.attr("offset-hover-max") || 0.8;
    var offsetHoverMin = $self.attr("offset-hover-min") || 0.75;

    var attachEventsListener = function () {
      $(window).on("mousemove", function (e) {
        var hoverArea = hover ? offsetHoverMax : offsetHoverMin;

        var cursor = {
          x: e.clientX,
          y: e.clientY + $(window).scrollTop()
        };

        var width = $self.outerWidth();
        var height = $self.outerHeight();

        var offset = $self.offset();
        var elPos = {
          x: offset.left + width / 2,
          y: offset.top + height / 2
        };

        var x = cursor.x - elPos.x;
        var y = cursor.y - elPos.y;

        var dist = Math.sqrt(x * x + y * y);

        var mutHover = false;

        if (dist < width * hoverArea) {
          mutHover = true;
          if (!hover) {
            hover = true;
          }
          onHover(x, y);
        }

        if (!mutHover && hover) {
          onLeave();
          hover = false;
        }
      });
    };

    var onHover = function (x, y) {
      TweenMax.to($self, 0.4, {
        x: x * 0.8,
        y: y * 0.8,
        rotation: x * 0.05,
        ease: Power2.easeOut
      });
    };
    var onLeave = function () {
      TweenMax.to($self, 0.7, {
        x: 0,
        y: 0,
        scale: 1,
        rotation: 0,
        ease: Elastic.easeOut.config(1.2, 0.4)
      });
    };

    attachEventsListener();
  });
    };
hoverMouse($(".magnetic-button"));
</script>
Ответить с цитированием