Scroll Into View with certain parameters

Question

I have a scroll into view already which works, however I was thinking to make it smarter.

This is my code so far

((IJavaScriptExecutor)driver).ExecuteScript("arguments[0].scrollIntoView(true);", element);

which is hooked into my OnClicking event listener - so whenever it goes to click an element, first it scrolls it into view.

This is great and it does what I want it to, however when running my tests my page is scrolling up and down even if the element is in the middle of the screen.

So my question is, how do I set a parameter on this to say, if the element is below 3/4 on the viewable screen then scroll?

Means do you want to scroll when element is not displayed on the screen?? Right — Saurabh Gaur, Oct 06 '16 at 08:35
@SaurabhGaur I want to scroll only when element is below 75% of the screen. — marwaha.ks, Oct 06 '16 at 09:44

score 1 · Answer 1 · answered Oct 14 '16 at 12:24

1

I think. You can try it.

var element = driver.FindElement(By.Xpath("//*/blabla"));
var js = driver as IJavaScriptExecutor;
js.ExecuteScript("window.scrollTo(" + element.Location.X + ","+(element.Location.Y - 100) + ");");

answered Oct 14 '16 at 12:24

Turgut Kanceltik

639
1
8
18

score 0 · Answer 2 · edited May 23 '17 at 12:33

0

You can use javascript to get the X/Y cordinates:

var cumulativeOffset = function(element) {
    var top = 0, left = 0;
    do {
        top += element.offsetTop  || 0;
        left += element.offsetLeft || 0;
        element = element.offsetParent;
    } while(element);

    return {
        top: top,
        left: left
    };
};

In this case you want the Y coordinate. And use this: http://www.w3schools.com/jsref/met_win_scrollto.asp

Or... take a look at this: Javascript scrollIntoView() middle alignment?

edited May 23 '17 at 12:33

Community

1
1

answered Oct 06 '16 at 08:41

XorX

238
2
5
19

How do I use this with selenium? – marwaha.ks Oct 06 '16 at 12:42
Are you coding in Java? Php/Behat? Python? You can execute this as javascript. For java: https://seleniumhq.github.io/selenium/docs/api/java/org/openqa/selenium/JavascriptExecutor.html – XorX Oct 06 '16 at 13:45

score 0 · Answer 3 · answered Nov 02 '18 at 19:47

0

I know this is old post, but if people looking for answer, here it is

((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView({block: \"center\"});", webElement);

answered Nov 02 '18 at 19:47

Ravi Adabala

83
7

Scroll Into View with certain parameters

3 Answers3