JQuery изменить размер оконной функции

Я использую эффект параллакса на моем веб-сайте, и он как бы ломается, когда я изменяю размер окна на минимальный, а затем обратно, поэтому я пытаюсь проверить ширину окна с помощью jquery, поэтому, когда ширина меньше, чем, скажем, 800px (планшеты и мобильные устройства) не инициализировать плагин.

Пока у меня есть это:

<script src="js/parallax.js"></script>

а также

<script type="text/javascript">

$(document).ready(function() {
    $(window).resize(function() {
        var width = $(window).width();

        if(width > 900) {
            $('header').parallax("50%", 0.5);
            $('footer').parallax("50%", 0.5);
        }
    });
});

</script>

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

1 ответ

Ты пробовал это?

$(window).resize(function() {
     if($(window).width() < 900)
         $('header').parallax("50%", 0.5);
         $('footer').parallax("50%", 0.5);
});
Другие вопросы по тегам