启用画布移动滚动

Question

我有一个手机游戏，当用户结束游戏时，我希望他能够向下滚动以获得网站的其他信息。现在他做不到，因为画布正在收集所有触摸和其他输入信息：-(游戏在Pixi.js中

Answer 1

一种方法是使用 CSS 选择器在画布上方创建一个透明的覆盖 div ::after，以便将“画布”视为普通的 HTML 元素。

canvas {
    position: relative;
    /* Other styling */
}

/* Overlay */

canvas::after {
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
}

特别是对于你来说，我建议在游戏结束后添加覆盖 div，这样它就不会干扰游戏机制。