使用 jQuery 计算（）（背景位置）

【问题标题】：calc() with jQuery (background-position)使用 jQuery 计算（）（背景位置）
【发布时间】：2017-12-28 19:44:10
【问题描述】：

如何用 jQuery 替换 CSS calc()？

var scrollPos = $(window).scrollTop(),
    posY = Math.floor(0.2 * scrollPos);

$('.background-layer').css('background-position', '50% calc(50% + ' + posY + 'px)');

【问题讨论】：

你想用这段代码做什么，你的代码中的this（或$(this)）是什么？请发布足够的信息和“minimal reproducible example”代码，以便我们理解并重现您的问题。

标签： jquery html css background-position calc

【解决方案1】：

这可能会对您有所帮助：

<div class="lala">
sdasd
</div>
 var posY=50;
 $(document).ready(function(){
    $(".lala").css('background-position-y',"50%").css('background-position-
   y','+='+posY+'px')

});

https://jsfiddle.net/m5946szm/1/

【讨论】：

$(this).css('background-position',$(this).css('background-position').split(' ')[0] 50%).css('背景位置',$(this).css('背景位置').split(' ')[0] '+='+posY+'px');
它不工作。您只需拆分两个值。该拆分仅返回“ 50％”。我以前做过。
我不想使用 background-position-y 规则，因为 Firefox 不支持它到 48 版本 (caniuse.com/#feat=background-position-x-y)。