javascript - 禁用 Vanilla-tilt.js 的鼠标移动但保持陀螺仪效果

Question

我正在使用插件 Vanilla-tilt.js在桌面上效果很好。在移动设备上，倾斜效果对设备方向的响应非常好，但是当用户点击设备上的某个位置时，它会使倾斜区域向点击的位置猛拉，然后返回到其原始位置。我在 Android 上使用 Chrome，请随时通过上面的链接自行尝试。
我想在移动设备上保留陀螺仪效果，但禁止用户点击影响瓷砖位置。我正在使用内联配置，这是一个示例:<div data-tilt data-tilt-full-page-listening data-tilt-reset="false">Tilt object goes here</div>我的第一个想法是下载 vanilla-tilt.js 源代码并对其进行修改，使其仅在屏幕具有一定宽度时才查找鼠标事件。我不介意切换到 jQuery 版本，Tilt.js如果这使这更容易。
我构建了一个缩小的代码示例，您可以查看 here .

Answer 1

我想你可以使用这样的 document.body.style.pointerEvents = 'none' ，但我无法测试它，因为我在 PC 上。