Javascript 滚动页面时在背景图像上滚动视差

我陷入了视差问题，似乎找不到我想要的东西

我的页面顶部有一个背景图像。我现在得到了

背景位置：固定的

，所以它有视差效果，但是我需要这个图像在页面滚动时滚动。。。现在我被卡住了

我相信这可以通过JavaScript和

后台位置：滚动来完成，但我不知道从哪里开始

在我的基本小提琴，你可以看到视差效果，但我需要的图像滚动页面滚动

谢谢你的帮助


.image{
高度：100px；
宽度：100%；
背景重复：无重复；
背景尺寸：封面；
背景附件：固定；
背景图像：url（'http://www.navipedia.net/images/a/a9/Example.jpg');
}

“我们必须清楚地认识到，所有的错误都是错误的，因此，我们必须清楚地认识到，所有的人都是正确的，他们都是真正的发明家和准建筑师。”

“我们必须清楚地认识到所有人都有错误，因为他们的行为是值得称赞的，他们的行为符合发明家的真实性和建筑师的要求。”




“我们必须解释一下。我们的目标是，我们的目标是实现我们的目标，我们的目标是实现我们的目标。”

此功能将为您完成工作。（根据您的选择更改速度变量的值）

在行动中看到它：
可能是Brilliant的复制品！谢谢你。
(function(){

  var parallax = document.querySelectorAll(".image"),
      speed = 0.5;

  window.onscroll = function(){
    [].slice.call(parallax).forEach(function(el,i){

      var windowYOffset = window.pageYOffset,
          elBackgrounPos = "50% " + (windowYOffset * speed) + "px";

      el.style.backgroundPosition = elBackgrounPos;

    });
  };

})();