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

标签 javascript html jquery

我正在使用插件 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 .

最佳答案

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

关于javascript - 禁用 Vanilla-tilt.js 的鼠标移动但保持陀螺仪效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66947813/

相关文章:

jquery - 如何使用 jQuery 部分淡出图像

jquery - 在 jQuery tmpl 中使用 "if"

Javascript JQuery scrollTop 向上滚动时重置

javascript - 如何更改html中输入类型的值?

jquery - 当下拉列表被附加时会创建微小的空间

javascript - 仅当在 HTML 表单中选择特定下拉列表时才需要该字段

javascript - 使用 jquery html() 将脚本插入到新窗口

javascript - PHP 和 jQuery 实时搜索表格问题

javascript - Web Notification API - 网站不需要打开?

javascript - Chrome 扩展程序将数据保存到本地文件