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);
}