问题描述
我有一个背景，它是4个png图像，它们相互叠置组成一个图像：
body {
background:white;
background-image:
url('http://localhost/wordpress/wp-content/uploads/2020/08/Fadojutimi_Clumsy_2017_H8904_1.png'),url('http://localhost/wordpress/wp-content/uploads/2020/08/Fadojutimi_Clumsy_2017_H8904_2.png'),url('http://localhost/wordpress/wp-content/uploads/2020/08/Fadojutimi_Clumsy_2017_H8904_3.png'),url('http://localhost/wordpress/wp-content/uploads/2020/08/Fadojutimi_Clumsy_2017_H8904_4.png');
background-attachment:fixed;
background-repeat: no-repeat;
background-size: cover;
}
我正在尝试对每个单独的图像应用微妙的滚动效果，以独立移动。因此，例如，当您滚动10％时，1.png可以向上移动5px，2.png可以向下移动5px，3.png可以向右移动5px，等等。
所以我将它用作我的javascript的基础，但是它不能正确地定位背景，并且我真的不确定如何将其定位到背景的每个单独的层吗？
//background scroll effect
$('body').scroll(function(){
var x = $(this).scrollTop();
$(this).css('background-position','0% '+parseInt(-x/10)+'px');
});
希望当您滚动各层时稍微分开一些，希望能提供一些深度。
谢谢！
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）