我认为在页脚'div'背景上做一个小视差效果会很简单，使用'body'rollTop（）来改变背景位置
这是我的试用版，但页脚“div”的背景并没有移动。我不知道我在这里做错了什么：
<body>
<div class="footer_parallax"></div>
</body>
$('body').scroll(function(){
var x = $(this).scrollTop();
$('.footer_parallax').css('background-position','0% '+parseInt(-x/10)+'px');
});
答案 0 :(得分：0)
由于codepen使用iframe，我认为通过body标记获取滚动元素存在一些问题。当我将其更改为window时，它就有效了。
这是完整的代码段（CSS方法表示法已更改）：
$(window).scroll(function(){
var x = $(this).scrollTop();
$('.footer_parallax').css({'background-position': '0% '+parseInt(-x/10)+'px'});
});