Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
529 views
in Technique[技术] by (71.8m points)

python - How to Scroll web page to the target element using selenium

I want to scroll to an element in selenium, but I want it to be at the top of the page, not just visible on the page.

How can I make it so that the page scrolls such that the element being scrolled to is at the top of the browser?

target = browser.find_element_by_css_selector(".answers-wrap")
actions = ActionChains(browser)
actions.move_to_element(target)
actions.perform()
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Here is example using this page we are on

To scroll the web page by 1000 pixel vertical use execute_script("window.scrollBy(0,1000)")

Example

import time
from selenium import webdriver

chrome_browser = webdriver.Chrome()
chrome_browser.get('https://stackoverflow.com/questions/61071131/'
                   'scroll-in-selenium-driver-to-make-element-at-top-of-the-page')
time.sleep(4)
''' execute_script("window.scrollBy(x-pixels,y-pixels)")
    scroll down the page by  1000 pixel vertical
'''
chrome_browser.execute_script("window.scrollBy(0,1000)")

execute_script("window.scrollBy(x-pixels,y-pixels)")

x-pixels is the number at x-axis, it moves to the left if number is positive and it move to the right if number is negative .y-pixels is the number at y-axis, it moves to the down if number is positive and it move to the up if number is in negative .


To scroll down the web page to the target element.

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

"arguments[0]" means first index of page starting at 0.

Code example

import time
from selenium import webdriver

chrome_browser = webdriver.Chrome()
chrome_browser.get('https://stackoverflow.com/questions/61071131/'
                   'scroll-in-selenium-driver-to-make-element-at-top-of-the-page')
time.sleep(4)

element = chrome_browser.find_element_by_css_selector(
    "#footer > div > nav > div:nth-child(1) > h5 > a")

chrome_browser.execute_script("arguments[0].scrollIntoView();", element)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...