本文主要是介绍vue3使用driver.js做引导页,圈定内容未出现,显示空白3种解决方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
vue3使用driver.js做引导页,圈定内容未出现,显示空白3种解决方案,推荐最后一种
首先说一下,出现这个现象的原因。由于使用了固定定位fixed 造成的。
解决方法一:
把元素固定定位fixed 改为 absolute 或者 relative
解决方法二:
修改配置项:不使用动画效果
new Driver({animate: false})
解决方法三(推荐):
假设继续使用fixed固定定位,同时还要保留引导页的动画功能,解决办法就是,修改driver的class样式,通过outline模拟背景。
div#driver-highlighted-element-stage,div#driver-page-overlay {background: transparent !important;outline: 5000px solid rgba(0, 0, 0, 0.75);
}
这篇关于vue3使用driver.js做引导页,圈定内容未出现,显示空白3种解决方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!