Olbery
@Olbery
Учащийся. Пытающийся.

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

Всем доброй ночи! Есть скрипт для паралакса, который нужно отключать когда разрешение экрана будет соответствовать мобильным устройствам, к примеру чтобы до 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");
  • Вопрос задан
  • 6002 просмотра
Решения вопроса 1
varzin
@varzin
UI/UX дизайнер в instadev.ru
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() ) {
    // Код не для телефонов
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
DIITHiTech
@DIITHiTech
Fullstack javascript developer
а просто влоб не подойдет?
if(window.screen.width>=982){

}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы