我想做MouseMove事件，但是不起作用

Question

document.addEventListener('mousemove', parallax);
function parallax(e){
  this.querySelectorAll('.layer').forEach(layer =>{
    var speed = layer.getAttribute('data-speed');
    var x     = (window.innerWidth - e.pageX * speed)/100;
    var y     = (window.innerWidth - e.pageY * speed)/100;
    layer.style.transform = "translateX(${x}px) translateY(${y}px)"

  });
}

https://codepen.io/nour-aldeen/pen/rEzPWB

Answer 1

使用模板文字时，您需要使用反引号：

layer.style.transform = `translateX(${x}px) translateY(${y}px)`

否则，将不评估文字。