Javascript 如何正确地定位背景图像以获得视差效果？

因此，我将此图像作为“视差分割器”div的背景，我希望保持原样，但我希望使图像滚动速度比其他内容慢，以实现视差效果。我知道我的目标是错误的，但不知道如何解决它。我唯一能做的就是上下移动整个div/以一种非常不希望的方式拉伸。对如何解决这个问题有什么意见吗

这是密码笔：

部分{
高度：300px；
背景颜色：蓝色；
}
.视差分配器{
背景：url（'http://www.planwallpaper.com/static/images/Cool-Background-Wallpaper-Dekstop.jpg’）上止点不重复；
背景尺寸：封面；
背景附件：固定；
高度：200px；
}
乱数假文
函数视差（）{
var parlx=document.getElementById（'parlx'）；
parlx.style.position=“相对”；
parlx.style.top=-（window.pageYOffset/8）+“px”；
}
window.addEventListener（“滚动”，视差，假）

使用

transform:translateY（）

而不是top属性。另外，将视差元素设置为

位置：绝对值

，

宽度：100%

，它不会拉伸。像这样：

translate('+ (-(window.pageYOffset / 8)) + 'px';

---

我似乎无法使它工作，请你编辑一下这支笔好吗？

translate('+ (-(window.pageYOffset / 8)) + 'px';