Javascript 为什么'；不管用？

为什么它不起作用？我希望卷轴上的数字和“h3”都能接收数据量的x变换

window.addEventListener（'scroll'，函数（e）{
var target=document.queryselectoral（'.speg'）；
var offset=window.pageYOffset；
var指数=0，
长度=目标长度；
用于（索引；索引<长度；索引++）{
var pos=offset*target[index].dataset.xoff；
目标[index].style.transform='translateX（0px'+pos+'）'
}
})

标题
Lorem ipsum

标题
Lorem ipsum

标题
Lorem ipsum

您缺少一个元素的日期标记，但仍然存在一些问题，请参见我的示例

JS:

window.addEventListener（'scroll'，函数（e）{
var target=document.queryselectoral（'.speg'）；
var offset=window.pageYOffset；
var指数=0，
长度=目标长度；
用于（索引；索引<长度；索引++）{
var pos=offset*target[index].dataset.xoff | | 0；
console.log（'translateX（'+pos+'px'）；
目标[index].style.transform='translateX（'+pos+'px）'
}
})

代码中有“0px”和“pos”。移除零点，并在“pos”之后添加“px”。这将导致所有“.spegs”在滚动时向右移动（刚刚选中）。非常感谢各位

window.addEventListener('scroll', function(e) {

  var target = document.querySelectorAll('.speg');
  var offset = window.pageYOffset;
  var index = 0,
    length = target.length;
  for (index; index < length; index++) {

    var pos = offset * target[index].dataset.xoff || 0;
    console.log('translateX(' + pos + 'px)');
    target[index].style.transform = 'translateX(' + pos + 'px)'

  }
})