2013-11-25 8 views
1

У меня есть проблема,Отключить параллакс на мобильном телефоне с звездной

я хотел бы, чтобы отключить эффект параллакса на моем сайте, когда он находится на мобильном устройстве, так что я смотрел на другом форуме, и я нашел этот код:

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

jQuery(document).ready(function(){ 
if(!isMobile.any()){ 
    $(window).stellar(); 
    } 
}); 

Но это не сработало, нет возможности отключить звездный код с помощью простого кода?

(я найти другой код detecte устройства)

if(jQuery.browser.mobile) 
{ 
console.log('You are using a mobile device!'); 
} 
else 
{ 
console.log('You are not using a mobile device!'); 
} 

это работает (с .js).

Но я до сих пор не знаю, как отключить звездный.

Спасибо, ребята

ответ

1

После первого примера изменить последнюю часть с этим:

if(!isMobile.any()) 
$(function(){ 
    $.stellar({ 
    horizontalScrolling: false, 
    verticalOffset: 50 
    }); 
}); 

Для меня он работал хорошо, в заявлении говорится: «Если НЕ мобильный затем инициализировать Stellar».

Обратите внимание, что список мобильных агентов, которые вы предоставили, не является полным, это для большинства устройств tho, но помните об этом!

0

этот код работал для меня;

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

 

 

 
jQuery(document).ready(function(){ 
 
\t 
 

 
     jQuery(window).stellar({ 
 
\t horizontalScrolling: false, 
 
\t hideDistantElements: true, 
 
\t verticalScrolling: !isMobile.any(), 
 
\t scrollProperty: 'scroll', 
 
      responsive: true 
 
\t }); 
 
\t 
 
});

+0

Добро пожаловать на переполнение стека! Хотя этот код может ответить на вопрос, предоставляя дополнительный контекст относительно * почему * и/или * как * этот код отвечает на вопрос, улучшает его долгосрочную ценность. –

Смежные вопросы