selenium中js滚动条操作

滚动至可见区域

滚动至可见区域，首先定位到元素，然后执行js语句，下面是百度搜索腾讯课堂，滚动至腾讯课堂_百度百科后点击：

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.keys import Keys


chr_driver = webdriver.Chrome()
chr_driver.maximize_window()
chr_driver.get("http://www.baidu.com")
chr_driver.find_element_by_xpath('//*[@id="kw"]').send_keys("腾讯课堂", Keys.ENTER)

# 将元素滚动到可见区域
loc = (By.XPATH, '//*[@id="9"]/h3/a')
WebDriverWait(chr_driver, 20).until(EC.visibility_of_element_located(loc))
element = chr_driver.find_element(*loc)
# 因顶部有遮罩层，所以与可见区域的底部对齐,传入false
chr_driver.execute_script("arguments[0].scrollIntoView(false);", element)  
time.sleep(2)
# 点击
element.click()

效果：

对于上面代码中的：

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

这一句，"arguments[0].scrollIntoView(false);"如果把false去掉，在滚动屏幕时，就会默认与可见区域的顶端对齐，但有时候顶端会有遮罩层，就会导致元素依旧不可见，无法点击的问题。比如百度，在拖动滚动条时，输入框会固定在顶端，就形成了遮罩层。如果我们把上面代码的这一句：

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

修改为：

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

那么执行代码的效果就会变成这样，报错：

ps:之所以会因为遮罩层报错，是因为代码认为的可见区域和我们肉眼看到的可见区域并不是一个概念。

滚动到页面底部

import time
from selenium import webdriver
from selenium.webdriver.common.keys import Keys


chr_driver = webdriver.Chrome()
chr_driver.maximize_window()
chr_driver.get("http://www.baidu.com")
chr_driver.find_element_by_xpath('//*[@id="kw"]').send_keys("腾讯课堂", Keys.ENTER)

time.sleep(2)
# 滚动到页面底部
chr_driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")

效果：

移动到页面顶部

import time
from selenium import webdriver
from selenium.webdriver.common.keys import Keys


chr_driver = webdriver.Chrome()
chr_driver.maximize_window()
chr_driver.get("http://www.baidu.com")
chr_driver.find_element_by_xpath('//*[@id="kw"]').send_keys("腾讯课堂", Keys.ENTER)

time.sleep(2)
# 滚动到页面底部
chr_driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")
time.sleep(2)
# 再滚动到屏幕的顶部
chr_driver.execute_script("window.scrollTo(document.body.scrollHeight,0)")

效果：

滚动到指定区域（不推荐，因为页面会变化）

import time
from selenium import webdriver
from selenium.webdriver.common.keys import Keys


chr_driver = webdriver.Chrome()
chr_driver.maximize_window()
chr_driver.get("http://www.baidu.com")
chr_driver.find_element_by_xpath('//*[@id="kw"]').send_keys("腾讯课堂", Keys.ENTER)

time.sleep(3)
# 滚动到指定区域
chr_driver.execute_script("document.documentElement.scrollTop=500")

效果：

ps:其实有些界面，可能根本不需要滚动，可以自己滚动

比如滚动至可见区域模块中，举例的代码。将滚动的语句注释掉，直接点击，也可以的：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.keys import Keys


chr_driver = webdriver.Chrome()
chr_driver.maximize_window()
chr_driver.get("http://www.baidu.com")
chr_driver.find_element_by_xpath('//*[@id="kw"]').send_keys("腾讯课堂", Keys.ENTER)


# 将元素滚动到可见区域
# 1.找到要滚动到可见区域的
loc = (By.XPATH, '//*[@id="9"]/h3/a')
WebDriverWait(chr_driver, 20).until(EC.visibility_of_element_located(loc))
element = chr_driver.find_element(*loc)

# 将滚动屏幕的代码注释掉
# chr_driver.execute_script("arguments[0].scrollIntoView(false);", element)  # 因顶部有遮罩层，所以与可见区域的底部对齐
# time.sleep(2)
# 点击
element.click()

注释之后，运行代码效果：