@L1nw0od

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

Доброго времени суток, есть кусок кода который работает как полагается, но на моб. версии нужно чтоб этот код не работал, подскажите пожалуйста как и что тут сделать чтоб при разрешении экрана меньше чем 768 код не работал.
<script>
        var moveForce = 30; 
        var rotateForce = 20; 
        $(document).mousemove(function(e) {
            var docX = $(document).width();
            var docY = $(document).height();

            var moveX = (e.pageX - docX / 2) / (docX / 2) * -moveForce;
            var moveY = (e.pageY - docY / 2) / (docY / 2) * -moveForce;

            var rotateY = (e.pageX / docX * rotateForce * 2) - rotateForce;
            var rotateX = -((e.pageY / docY * rotateForce * 2) - rotateForce);

            $('.popup')
                .css('left', moveX + 'px')
                .css('top', moveY + 'px')
                .css('transform', 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
        });
    </script>


Много всего перепробовал по статьям в гугле - ничего не срабатывает. видимо что-то не так делаю ((
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 2
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
(function() {
if(document.window.screen.availWidth < 768) {
moveForse = 'string';
}
});

При этом сделайте переменную moveForse Глобальной
Ответ написан
@wadev8
(function() {
    function isMobile() {
        var MOBILE_SCREEN_WITH = 768;
        return $(window).width() <= MOBILE_SCREEN_WITH;
    }

    if (isMobile()) {
        return;
    }

    var moveForce = 30;
    var rotateForce = 20;

    $(document).mousemove(function(e) {
        var docX = $(document).width();
        var docY = $(document).height();

        var moveX = (e.pageX - docX / 2) / (docX / 2) * -moveForce;
        var moveY = (e.pageY - docY / 2) / (docY / 2) * -moveForce;

        var rotateY = (e.pageX / docX * rotateForce * 2) - rotateForce;
        var rotateX = -((e.pageY / docY * rotateForce * 2) - rotateForce);

        $('.popup')
            .css('left', moveX + 'px')
            .css('top', moveY + 'px')
            .css('transform', 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
    });
})();
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы