Как отключить параллакс 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 на небольших устройствах.