Html 视差背景不为'；t平铺正确

我试图在一个小div上制作一个简单的视差滚动效果，但是当你向下滚动时，你可以看到背景重复的线条。 您可以在此处看到效果：

我尝试编辑以下代码，但似乎无法使其正常工作：

(function(){

  var parallax = document.querySelectorAll(".parallax"),
      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;

    });
  };

})();