How to scroll to an element in Ruby and Selenium

Question

I am trying to scroll to an element using javascript executor on my Ruby script using selenium. However, the script scrolls all the way down of the page and skips the element. Thus not interacting with the element.

Scroll method:

def scroll_into_view(element, locator=nil)
    element = element.nil? ? find(locator) : element
    @wd.execute_script('arguments[0].scrollIntoView(true);', element)
  end

Reference:

scroll_into_view(nil, gear_icon_span_locator)

Do you know of any other ways to scroll to an element in ruby?

I've tried action builders and actually moving to an element, that didn't seem to work.

I use 'arguments[0].scrollIntoView();' without passing the true parameter and it scrolls right to the element. Have you tried that? — RKelley
– RKelley, Commented Mar 28, 2019 at 18:51
Tried it, it is scrolling all the way to the bottom of the page and the element is skipped. — Shahboz
– Shahboz, Commented Mar 28, 2019 at 18:54

Shahboz · Accepted Answer · 2019-03-28 19:19:17Z

0

The script that worked is this, I found the answer from here: Scroll that works for ruby

  def scroll_to_element(element, locator=nil)
    script_string = "var viewPortHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);" +
        "var elementTop = arguments[0].getBoundingClientRect().top;" +
        "window.scrollBy(0, elementTop-(viewPortHeight/2));"
    element = element.nil? ? find(locator) : element
    execute_script(script_string, element)
  end

answered Mar 28, 2019 at 19:19

Shahboz

5563 gold badges10 silver badges33 bronze badges

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

3 Comments

Rajagopalan Over a year ago

Use WATIR which is a wrapper around Ruby Selenium Binding where you can find watir-scroll gem which will help you.

Shahboz Over a year ago

We're not using watir for this project, for different purposes

Rajagopalan Over a year ago

Okay no problem.

supputuri · Accepted Answer · 2019-03-29 05:17:52Z

0

In watir you can scroll to element using the below.

element.scroll.to :bottom

edited Mar 29, 2019 at 5:17

answered Mar 28, 2019 at 17:29

supputuri

14.2k2 gold badges26 silver badges42 bronze badges

5 Comments

supputuri Over a year ago

It's suppose to scroll to the element bottom.

Shahboz Over a year ago

Not sure why, but it didn't do anything.

Shahboz Over a year ago

Using selenium webdriver 3.13.0 and ruby 2.5.3

supputuri Over a year ago

Do you have gem 'watir-scroll' in your gemfile? Or did you installed 'watir-scroll' gem?

Shahboz Over a year ago

We're not using watir for this project, for different purposes

Collectives™ on Stack Overflow

How to scroll to an element in Ruby and Selenium

2 Answers 2

3 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related