jquery - 带有 .background-position-y 的 Parallax Jquery .css 函数

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);
        }

这在 firefox 上不起作用，因为不支持 background-position-y，我该如何为 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 位置。

这应该是一种更加跨浏览器兼容的分配背景位置的方式。