使画布能够保持在另一个画布的顶部 - javascript

Question

我是初学者，目前正在开发一款类似马里奥的游戏。我有这个运行和跳跃的球员，它应该能够在这些桨上跳起来。我的代码中的某些内容是错误的，但它不起作用。我想要发生的是，玩家的y速度应为0，因此当它在桨顶上时停止。

var player = {
    side: 40,
    x: 0,
    y: canvas.height - 40,
    velY: 0,
    velX: 0,
    speed: 4,
    jumping: false,
    grav: 0.17,
    alive: true
  }

var paddle = {
  height: 20,
  width: 100,
  x: 250,
  y: canvas.height - 30,
}

  if((player.y - player.side <= paddle.y) && (player.y - player.side >= paddle.y + paddle.width) && (player.x - player.side > paddle.x ) && (player.x - player.side < paddle.x + paddle.width)){
    player.y  = paddle.y - player.side;
    player.velY = 0;
  }

这是一个小提琴，你可以自己看看会发生什么。 https://jsfiddle.net/Scrubben/4d53tbLd/（使用箭头键移动）。

如果您想要我添加更多代码，请告诉我。谢谢！ 另外，请不要使用任何JQuery。