使用body滚动值的JQuery页脚div视差滚动效果

我认为在页脚“div”背景上做一个小视差效果是很简单的，使用“body”滚动条改变背景位置

这是我的试用版，但页脚'div'的背景不会移动。我看不出我做错了什么：

HTML就像

---

这里的代码笔：

由于代码笔使用iframes，我认为通过body标记获取滚动元素存在一些问题。当我把它改成窗口时，它工作了

以下是更改的完整片段CSS方法符号：

$(window).scroll(function(){

  var x = $(this).scrollTop();

  $('.footer_parallax').css({'background-position': '0% '+parseInt(-x/10)+'px'});

});

---

您需要在窗口上而不是html或body$window上收听滚动。滚动。。。。除此之外，您不应该在每个滚动上进行更改，因为此事件可能以很短的时间间隔发送。不，这不是语法错误语法错误是无效代码。除此之外，还可以执行$.cssprop、value或传递对象$.css{prop:value}；。你说得对，我改变了答案。Codepen现在已经更新了，但我相信在某个点上缺少了一个括号，所以Codepen将逗号标记为意外字符。也许这就是问题的一部分。

$('body').scroll(function(){
var x = $(this).scrollTop();
$('.footer_parallax').css('background-position','0% '+parseInt(-x/10)+'px');
});

$(window).scroll(function(){

  var x = $(this).scrollTop();

  $('.footer_parallax').css({'background-position': '0% '+parseInt(-x/10)+'px'});

});