我如何在移动设备上正确使用 intro.js

How can i use intro.js on mobile devices appropriately

说明 在屏幕宽度小于 600px 的移动设备上使用 introjs 时,工具提示将覆盖该元素。当我水平握住设备时,工具提示会移动到位。我试图为工具提示设置一个自定义 css,但是当屏幕小于 600px 时,我设置的 css 规则中断,元素居中,工具提示在元素上方居中。

预期行为 在元素下显示的工具提示,我在指令中设置的位置。

我什至在自定义 css 文件的工具提示中添加了 50px 的上边距。这只会在屏幕变宽时将元素移开。否则,它覆盖元素

实际行为 工具提示覆盖元素

错误和屏幕截图(可选) 控制台中没有提供任何错误。

screenshot of issue

这个视频演示了这个问题 https://youtu.be/ptFB5ZrL8ks

更多细节:

这个已经提到了

我在 this 自定义 css 文件中为 .introjs-tooltip{} 添加了边距,但是只有当 window 的主体大于 ~600px 时才会出现边距

我的解决方案是将我的 css 和 JS 更新为 3。我在不知不觉中使用了旧版本。

谢谢大家