параллакс Jquery .css функция .background-позиционно-у

Question

я есть параллакса, которые работают с этой функцией

var scaleBg = -$(window).scrollTop()/3; 
if (iOS === false) { 
      $('.payoff').css('background-position-y', scaleBg - 150); 
      $('.payoff2').css('background-position-y', scaleBg - 150); 
      $('.social').css('background-position-y', scaleBg + 200); 
     } 

Это не работает на светлячок becouse фоновым-позиционно-у не поддерживается, как я могу решить это для firefox?

Answer 1

Вы должны использовать комбинированные background-position свойства, такие как:

var scaleBg = -$(window).scrollTop()/3; 
if (iOS === false) { 
    var payoffY = scaleBg - 150; 
    var payoff2Y = scaleBg - 150; 
    var socialY = scaleBg + 200; 
    $('.payoff').css('background-position', '0px ' + payoffY + 'px'); 
    $('.payoff2').css('background-position', '0px ' + payoff2Y + 'px'); 
    $('.social').css('background-position', '0px ' + socialY + 'px'); 
} 

Просто для справки здесь + для конкатенации не того. 0 - это то, что вам нужно, чтобы ваше положение было x.

Это должен быть более совместимый с браузером способ присвоения фонового положения.