Доброго времени суток, есть кусок кода который работает как полагается, но на моб. версии нужно чтоб этот код не работал, подскажите пожалуйста как и что тут сделать чтоб при разрешении экрана меньше чем 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>
Много всего перепробовал по статьям в гугле - ничего не срабатывает. видимо что-то не так делаю ((