Как отключить параллакс wagerfield на маленьком разрешении?

Я использую этот параллакс, но не могу отключить его на мобильном телефоне?

Я нашел несколько методов, таких как это:

scene = $('#scene').parallax();
scene.parallax('disable');

Но это не сработало. Кто-нибудь может помочь?

2 ответа

Решение

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

if ($(window).width() > 640) { //set up breaking point

    $('#scene').parallax(); // this or any other code you need

}

Если вы хотите отключить параллакс сразу после его инициализации, вам следует обернуть scene.parallax('disable'); в setTimeout функция. Если вы посмотрите на исходный код Parallax.js, вы увидите, что есть supportDelay: 500 значение, которое используется в качестве аргумента в enable функция. В соответствии с этим ваш код для отключения будет выглядеть так:

var scene = $('#scene').parallax();
setTimeout(function () {
  scene.parallax('disable');
}, 500);

Обновление: только что нашел статью, которая объясняет различные перспективы отключения parallax.js на небольших устройствах.

Другие вопросы по тегам