如何使用 Selenium WebDriver 检查元素是否进入视图？

Question

I have to check if an element is in view and if not, only then scroll it into view using following and then interact with it -

((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView();", element);

If an element is in view, don't execute above command. To check if an element is in view, isDisplayed() is not helping because it returns true irrespective of an element is in view or not.

Can you please suggest what will help to achieve to check if an element is in view?

Answer 1

To interact with an element the element needs to be within the Viewport . If the element is not within the Viewport you have to scroll() as follows:

((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView();", element);

You can find a detailed discussion on different scrolling option in What is the difference between the different scroll options?

---

At this point it is worth to mention, the following methods:

• moveToElement() and other methods from Actions Class
• elementToBeClickable() from ExpectedConditions Class

will automatically scroll the element within the Viewport before getting executed.

You can find a detailed discussion in Selenium python Error: element could not be scrolled into view

---

Finally, in the rarest of the rare cases if the HTML DOM comprises of Angular or React elements you may even have to induce WebDriverWait for the visibilityOfElementLocated() before you attempt to scroll as follows:

((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView();", new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("button.nsg-button"))));