您可以使用`side`和`align`选项来控制弹出框的位置。`side`选项控制弹出框将显示在元素的哪一侧,而`align`选项控制弹出框与元素的对齐方式。
注意:弹出框足够智能,可以自动调整自己以适应可视区域。所以,如果您将`side`设置为`left`,`align`设置为`start`,但弹出框无法适应可视区域,它将自动调整自己以适应可视区域。考虑高亮并滚动浏览器到下面的元素,以查看实际效果。
import { driver } from "driver.js";
import "driver.js/dist/driver.css";
const driverObj = driver();
driverObj.highlight({
element: '#left-start',
popover: {
title: 'Animated Tour Example',
description: 'Here is the code example showing animated tour. Let\'s walk you through it.',
side: "left",
align: 'start'
}
});
使用下面的按钮显示弹出框。