selenium之js处理滚动条操作

selenium之js处理滚动条操作

在网页当中，页面存在滚动条，而你要操作的元素在当前屏幕可见区域之外。那么需要使用滚动条滚动到该元素处，然后再操作它。
selenium当中的使用execute_script方法执行js语句来实现滚动给你。
execute_script(“arguments[0].scrollIntoView();”,target)
其中target为find_element_by_xx找到的元素对象
几种滚动方式如下：

1. 移动到元素element对象的“底端”与当前窗口的“底部”对齐： driver.execute_script(‘arguments[0].scrollIntoView(false);’,element)

2. 移动到元素element对象的“顶端”与当前窗口的“顶部”对齐： driver.execute_script(‘arguments[0].scrollIntoView();’,element)
   driver.execute_script(‘arguments[0].scrollIntoView(true);’,element)

3. 移动到页面底部
   driver.execute_script(“window.scrollTo(0,document.body.scrollHeight)”)

4. 移动到页面顶部
   driver.execute_script(“window.scrollTo(document.body.scrollHeight,0)”)
   操作步骤：
   1.通过selenium的查找元素方法先找到元素
   2.通过执行js语句，将元素滚动到可见区域中
   实例操作如下：

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

driver = webdriver.Chrome()

driver.get("http://www.baidu.com")
driver.maximize_window()

element = driver.find_element_by_id("kw")   # WebElement对象 - 1个对象对应1个元素
element.send_keys("selenium webdriver")
driver.find_element_by_id('su').click()  # 带来了内容上的变化

# loc = (By.XPATH,'//div[@id="page"]//span[text()="2"]')
loc = (By.XPATH,'//a[text()="使用(一) - hello秘密花园 - ..."]')
WebDriverWait(driver,10).until(EC.visibility_of_element_located(loc))
a = driver.find_element(*loc)
print("测试元素")

##js函数-元素对象。scrollIntoView
# driver.execute_script('arguments[0].scrollIntoView(false);',a)
# a.click()

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

# 滚动到页面顶部
driver.execute_script("window.scrollTo(document.body.scrollHeight,0)")

window.scrollTo()方法，通过坐标控制边距
window.scrollTo(左边距，上边距)
代码实例如下：

from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
driver.set_window_size(800,600)
driver.find_element_by_id("kw").send_keys("selenium")
driver.find_element_by_id("su").click()
time.sleep(3)

#通过Javascript设置浏览器窗口的滚动条位置
js = "window.scrollTo(200,450);"
driver.execute_script(js)

效果如下