Scrolling using Selenium WebDriver with Java

Question

I am using Selenium WebDriver to automate my browser tests. My browser header is floating and is always present irrespective of the browser scroll.

So when I click on certain elements that are present below the current visible region of the browser, selenium tries to scroll the element into view and click them.

But because of the auto scrolling as such the elements are scrolled behind the floating header and when any action is performed on them, the elements in the page header get clicked.

is there any way to limit the default scroll of the WebDriver?

I understand that you would like to control the scroll using Selenium WebDriver. There is a similar issue discussed/solved here, which I hope is useful. — self-babush
– self-babush, Commented Feb 26, 2012 at 12:48
You can get the solution here: stackoverflow.com/questions/12293158/… OR, stackoverflow.com/questions/11554370/… — Ripon Al Wasim
– Ripon Al Wasim, Commented Apr 4, 2014 at 5:21

TomaszB · Accepted Answer · 2012-03-24 15:03:29Z

6

    Locatable hoverItem = (Locatable) driver.findElement(By.xpath("//li[text()='Reklama w Google']"));
    int y = hoverItem.getCoordinates().getLocationOnScreen().getY();
    ((JavascriptExecutor)driver).executeScript("window.scrollBy(0,"+y+");");

answered Mar 24, 2012 at 15:03

TomaszB

691 bronze badge

Sign up to request clarification or add additional context in comments.

3 Comments

AlignedDev Over a year ago

// C# 4.5 version of this that compiles int y = ((ILocatable)element).Coordinates.LocationInViewport.Y; ((IJavaScriptExecutor)driver).ExecuteScript("window.scrollBy(0," + y + ");"); }

Aaron Levenstein Over a year ago

Also if you have an html ID you can use the following

CodeFox Over a year ago

you can use onPage instead of getLocationOnScreen

Ankit Pandey · Accepted Answer · 2012-08-30 11:28:47Z

4

If you want to scroll on the firefox window using selenium webdriver, one of the way is to use javaScript in the java code, The javeScript code to scroll down is as follows:

JavascriptExecutor js = (JavascriptExecutor)driver;
                    js.executeScript("window.scrollTo(0,Math.max(document.documentElement.scrollHeight," +
                    "document.body.scrollHeight,document.documentElement.clientHeight));");

answered Aug 30, 2012 at 11:28

Ankit Pandey

3393 silver badges4 bronze badges

1 Comment

rob_james Over a year ago

Perfect for me. Scrolls straight to the bottom :) - for those that want a JS/protractor version

browser.executeScript("window.scrollTo(0,Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,document.documentElement.clientHeight));");

Aaron Levenstein · Accepted Answer · 2013-06-07 18:39:57Z

2

You can scroll to the necessary location using javascript You need to use the scrollTo method rather than the scrollBy method for it to work.

public void scrollToElement(By by) {
    Locatable element = (Locatable) selenium.findElement(by);
    Point p= element.getCoordinates().getLocationOnScreen();
    JavascriptExecutor js = (JavascriptExecutor) selenium;  
    js.executeScript("window.scrollTo(" + p.getX() + "," + (p.getY()+150) + ");");
}

edited Jun 7, 2013 at 18:39

answered Jun 6, 2013 at 22:48

Aaron Levenstein

3952 silver badges12 bronze badges

Comments

Jonathan L · Accepted Answer · 2014-10-01 16:59:42Z

2

Scroll to top can be done:

private void scrollToTop() {
    JavascriptExecutor js = (JavascriptExecutor) webDriver;
    js.executeScript("window.scrollTo(0, 0);");
}

answered Oct 1, 2014 at 16:59

Jonathan L

10.9k5 gold badges55 silver badges39 bronze badges

Comments

T J · Accepted Answer · 2016-12-01 12:30:23Z

2

Simple use the .sendKeys(Keys.PAGE_DOWN); when your element was visible, just click on it, by .click(element).perform(); for me work something like this:

clicker = new Actions(driver);
    clicker.sendKeys(Keys.PAGE_DOWN);
    Thread.sleep(1000);
    clicker.click(button).perform();     
    Thread.sleep(1000);

edited Dec 1, 2016 at 12:30

T J

43.2k13 gold badges87 silver badges142 bronze badges

answered Aug 8, 2014 at 11:13

Artemy

211 bronze badge

Comments

ROMANIA_engineer · Accepted Answer · 2016-12-11 16:35:02Z

2

For scrolling down:

System.setProperty("webdriver.chrome.driver",
                   "/home/shreetesh/chromedriver");
WebDriver driver = new ChromeDriver(); 
String url = "https://en.wikipedia.org/wiki/Main_Page";
driver.get(url);
JavascriptExecutor js = (JavascriptExecutor)driver;
js.executeScript("scroll(0, 25000);");

To scrolling up just replace the value of scroll with (2500, 0).

edited Dec 11, 2016 at 16:35

ROMANIA_engineer

57k30 gold badges211 silver badges207 bronze badges

answered Nov 17, 2016 at 12:08

BazingaRtshe

358 bronze badges

Comments

ROMANIA_engineer · Accepted Answer · 2016-12-11 16:36:54Z

Use below code for scrolling up and scrolling down

Actions dragger = new Actions(driver);

WebElement draggablePartOfScrollbar = driver.findElement(By.xpath("<Scroll bar Element >"));

// drag downwards

int numberOfPixelsToDragTheScrollbarDown = 50;

for (int i=10 ; i<500 ; i=i+numberOfPixelsToDragTheScrollbarDown) {
    try {
        // this causes a gradual drag of the scroll bar, 10 units at a time
        dragger.moveToElement(draggablePartOfScrollbar).clickAndHold().moveByOffset(0,numberOfPixelsToDragTheScrollbarDown).release().perform();
        Thread.sleep(1000L);
    } catch(Exception e1){}
} 

// now drag opposite way (downwards)
numberOfPixelsToDragTheScrollbarDown = -50;
for (int i=500;i>10;i=i+numberOfPixelsToDragTheScrollbarDown){
    // this causes a gradual drag of the scroll bar, -10 units at a time
    dragger.moveToElement(draggablePartOfScrollbar).clickAndHold().moveByOffset(0,numberOfPixelsToDragTheScrollbarDown).release().perform();
    Thread.sleep(1000L);
}

bjones01001101 · Accepted Answer · 2017-03-31 19:26:48Z

0

I recently had this problem due to a Drupal menu blocking the element when I ran this code:

public void scrollTo(WebElement x) {
        ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", x);
        }

After referencing this page, I updated to set the boolean to false using this code, and it works great:

public void scrollTo(WebElement x) {
        ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(false);", x);
        }

answered Mar 31, 2017 at 19:26

bjones01001101

1,2011 gold badge14 silver badges23 bronze badges

Collectives™ on Stack Overflow

Scrolling using Selenium WebDriver with Java

8 Answers 8

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related