jquery background-position

Question

所以我已经实现了视差滚动，这一切都运行良好，但我遇到了一个小错误，并希望某些面板让他们的背景图像受到视差的影响。

简而言之，由于一些奇怪的原因，我根本无法修改背景位置值。我的浏览器中的检查器中没有显示任何更改，也没有任何错误。非常感谢帮助。

$(window).scroll(function() {
            //MANAGING PARALLAX SCROLLING

            var currentScrollPosition = $(document).scrollTop();
            $("#hero-bg").css({'top' : 'calc(' + currentScrollPosition/30 + 'rem ' + ' - 10rem)'});
            //^^^WORKS FINE

            $("#panel2").css({'background-position' : '0rem ' + -currentScrollPosition/50 + 'rem'});
            //^^^DOESN'T WORK
            console.log(-currentScrollPosition/50 + 'rem');
        });

这是一个附加的片段，展示了我尝试做的事情。

＆＃13;

＆＃13;

$(window).scroll(function() {
	//MANAGING PARALLAX SCROLLING
	var currentScrollPosition = $(document).scrollTop();
	$("#panel2").css({backgroundPosition : '0rem ' + -currentScrollPosition/50 + 'rem'});
	console.log(-currentScrollPosition/50 + 'rem');
});

＆＃13;

#body {
  position: relative;
  width: 100%;
  height: 50rem;
  background-color: lightgrey;
  z-index: 1;
}

#panel2 {
  position: relative;
  width: 100%;
  height: 20rem;
  top: 10rem;
  background-color: black;
  overflow: hidden;
  background-size: 100%;
  z-index: 2;
}

＆＃13;

<div id="body">
  <div id="panel2" style="background-image: url(https://i.ytimg.com/vi/tntOCGkgt98/maxresdefault.jpg);"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

将ID更改为班级（＆＃34; panel2＆＃34;至＆＃34; .panel2＆＃34;）修复了它......我当时正在过度思考它。