我正在使用 intro.js 初步浏览我网站上的页面。该游览在桌面上看起来不错,但在移动设备上,工具提示出现在它所描述的元素的正上方。用户无法在移动视图中看到该元素,因为工具提示出现在该元素的正上方。见下图:
我尝试自定义工具提示的位置,但输出保持不变。给出了我用来自定义位置的脚本:
var tour = introJs();
tour.setOption('positionPrecedence', ['top', 'bottom', 'left', 'right']);
另外,我看不到工具提示上方的数据步骤数。桌面版不存在此类问题。
有人可以解释一下问题是什么吗?
提前致谢!
下面的 CSS 一起帮助我解决了这个问题:
@media (max-width: 500px) {
.introjs-helperNumberLayer{
left: 0px!important;
top: -10px!important;
}
.introjs-tooltip{
margin-top: 40px!important;
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)