Перейти к основному содержимому

scrollIntoView

Обзор​

Используйте команду scrollIntoView, чтобы выполнить подскролл к заданному элементу.

к сведению

Читайте также Element.scrollIntoView() на MDN.

Использование​

await browser.$(selector).scrollIntoView();

или

await browser.$(selector).scrollIntoView(alignToTop);

или

await browser.$(selector).scrollIntoView({ behavior, block, inline });

Параметры команды​

ИмяТипПо умолчаниюОписание
alignToTopBooleantrueЕсли значение true, то верхняя граница элемента будет выровнена по верху видимой области скроллируемого предка. Соответствует {block: 'start', inline: 'nearest'}. Если значение false, нижняя граница элемента будет выровнена по низу видимой области скроллируемого предка. Соответствует {block: 'end', inline: 'nearest'}.
behaviorString"auto"Задает анимацию прокрутки: "auto" или "smooth".
blockString"start"Задает вертикальное выравнивание: "start", "center", "end" или "nearest".
inlineString"nearest"Задает горизонтальное выравнивание: "start", "center", "end" или "nearest".

Примеры использования​

it("should demonstrate the scrollIntoView command", async ({ browser }) => {
    const elem = await browser.$("#myElement");

    // выполнить подскролл к элементу
    await elem.scrollIntoView();

    // подскроллировать так, чтобы элемент был по центру вьюпорта
    await elem.scrollIntoView({ block: "center", inline: "center" });
});