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

Question

[Олег Машко]

Всем доброй ночи! Есть скрипт для паралакса, который нужно отключать когда разрешение экрана будет соответствовать мобильным устройствам, к примеру чтобы до 982px параллакс не работал. Как его можно отключить и как лучше это сделать?

$(document).ready(function(){
// cache the window object
$window = $(window);

$('div[data-type="background"]').each(function(){
// declare the variable to affect the defined data-type
var $scroll = $(this);

$(window).scroll(function() {
// HTML5 proves useful for helping with creating JS functions!
// also, negative value because we're scrolling upwards
var yPos = -($window.scrollTop() / $scroll.data('speed'));

// background position
var coords = '50% '+ yPos + 'px';

// move the background
$scroll.css({ backgroundPosition: coords });
}); // end window scroll
}); // end section function
}); // close out script

/* Create HTML5 element for IE */
document.createElement("div");

Answer 1

[varzin]

var isMobile = {
    Android:        function() { return navigator.userAgent.match(/Android/i) ? true : false; },
    BlackBerry:     function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
    iOS:            function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; },
    Windows:        function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; },
    any:            function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());  }
};
	
if ( !isMobile.any() ) {
    // Код не для телефонов
}

Comments

[Олег Машко]

Как я понял, сам скрипт заключить в ваше условие.

var isMobile = {
Android: function() { return navigator.userAgent.match(/Android/i) ? true : false; },
BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; },
Windows: function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; },
any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows()); }
};

if ( !isMobile.any() ) {
$(document).ready(function(){
// cache the window object
$window = $(window);

$('div[data-type="background"]').each(function(){
// declare the variable to affect the defined data-type
var $scroll = $(this);

$(window).scroll(function() {
// HTML5 proves useful for helping with creating JS functions!
// also, negative value because we're scrolling upwards
var yPos = -($window.scrollTop() / $scroll.data('speed'));

// background position
var coords = '50% '+ yPos + 'px';

// move the background
$scroll.css({ backgroundPosition: coords });
}); // end window scroll
}); // end section function
}); // close out script

/* Create HTML5 element for IE */
document.createElement("div");

}

В var isMobile = {...} никаких изменений не нужно вносить?

[varzin]

В var=isMobile ничего не нужно. Тут мы просто определяем юзерагента.

[Олег Машко]

varzin: Реально помогло! Спасибо.

[varzin]

Олег Машко: пожалуйста)

Answer 2

[Dmitriy Mozgovoy]

а просто влоб не подойдет?

if(window.screen.width>=982){

}

Comments

[Олег Машко]

Немного погорячился, на первый взшляд показалось, что сработало, но как оказалось, что нет. Как я понял, в условие написанное вами нужно было поместить сам скрипт?

if(window.screen.width>=982){

$(document).ready(function(){
// cache the window object
$window = $(window);

$('div[data-type="background"]').each(function(){
// declare the variable to affect the defined data-type
var $scroll = $(this);

$(window).scroll(function() {
// HTML5 proves useful for helping with creating JS functions!
// also, negative value because we're scrolling upwards
var yPos = -($window.scrollTop() / $scroll.data('speed'));

// background position
var coords = '50% '+ yPos + 'px';

// move the background
$scroll.css({ backgroundPosition: coords });
}); // end window scroll
}); // end section function
}); // close out script

/* Create HTML5 element for IE */
document.createElement("div");

}