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, Mar 28 '19 at 18:51
Tried it, it is scrolling all the way to the bottom of the page and the element is skipped. — Shahboz, Mar 28 '19 at 18:54

supputuri · Answer 1 · 2019-03-29T05:17:52.477

0

In watir you can scroll to element using the below.

element.scroll.to :bottom

edited Mar 29 '19 at 05:17

answered Mar 28 '19 at 17:29

supputuri

13,644
2
21
39

It's suppose to scroll to the element bottom. – supputuri Mar 28 '19 at 18:59
Not sure why, but it didn't do anything. – Shahboz Mar 28 '19 at 19:00
Using selenium webdriver 3.13.0 and ruby 2.5.3 – Shahboz Mar 28 '19 at 19:01
1

Do you have `gem 'watir-scroll'` in your gemfile? Or did you installed `'watir-scroll'` gem? – supputuri Apr 04 '19 at 03:02
We're not using watir for this project, for different purposes – Shahboz Apr 05 '19 at 20:32

score 0 · Accepted Answer · answered Mar 28 '19 at 19:19

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 '19 at 19:19

Shahboz

466
2
10
30

Use WATIR which is a wrapper around Ruby Selenium Binding where you can find watir-scroll gem which will help you. – Rajagopalan Mar 29 '19 at 04:23
We're not using watir for this project, for different purposes – Shahboz Apr 05 '19 at 20:32
Okay no problem. – Rajagopalan Apr 05 '19 at 22:23

How to scroll to an element in Ruby and Selenium

2 Answers2