Selenium JavaScript - 머리글과 겹치지 않고보기로 요소 스크롤

Question

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

이렇게하면 요소를보기로 스크롤하지만 페이지의 머리글 뒤쪽으로 이동합니다.

요소가 헤더 뒤에서 헤더 바로 아래에 있도록 요소를보기로 스크롤하는 방법은 무엇입니까?

Answer 1

방법 scrollIntoView은 상단 또는 기본 상단에있는로보기 하단에있는 요소를 스크롤 할 수 있습니다 :

https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView

그래서 대신 하단을 스크롤 할 수 있습니다 :

webdriver.executeScript("arguments[0].scrollIntoView(false);", element); 

또한 상단에있는 다음 뷰의 높이의 1/4하여 스크롤 할 수

:

webdriver.executeScript("arguments[0].scrollIntoView(true); window.scrollBy(0, -window.innerHeight/4);", element); 

고정 헤더 바로 아래 또는

webdriver.executeScript("arguments[0].scrollIntoView(true); window.scrollBy(0, -arguments[1].offsetHeight);", element, header);