web自动化之js滚动条

前言：我们为什么要操作滚动条？，因为大部分系统在元素操作是，如果元素不在可见区域。随着操作会自动到可见区域

比如我们搜索谷歌。在这页面的元素都是可见的（图1）。但是下面的谷歌_百度百科（图2）我们得下滑到下面才能见到谷歌_百度百科，那我们怎么办？

使用driver.execute_script(***)
.execute_script(***)有4个用法
　1.driver.execute_script(“arguments[0].scrollIntoView();”,ele) 根据定位的元素放在页面顶端
　2.driver.execute_script(“arguments[0].scrollIntoView(false);”,ele) 根据定位的元素放在页面底端
　3.driver.execute_script(“window.scrollTo(document.body.scrollHeight,0)”) 不根据定位的元素直接到页面的顶部
　4.driver.execute_script(“window.scrollTo(0,document.body.scrollHeight)”) 不根据定位的元素直接到页面的底部

那么什么是页面的顶部什么是页面的底部？看图

那.driver.execute_script(“arguments[0].scrollIntoView();”,ele)的arguments[0]里的[0] 是什么？
[0]是对应的ele。

跟我们print(‘aa{0}’.format(1)) 是一致的。

来。看看我们代码如何实现根据元素页面顶端实现的

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
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome()
driver.get("http://www.baidu.com")

#输入谷歌并搜索谷歌
driver.find_element_by_id('kw').send_keys('谷歌',Keys.ENTER)

#用个变量接收xpath定位
locat = (By.XPATH,'//div[@class="result-op c-container"]//a[contains(text(),"_百度百科")]')
webdriverwait(driver,20).until(EC.visibility_of_element_located(locat))

#要滚动的元素
ele = driver.find_element(*locat)

#执行js语句,把元素放到页面的底端
driver.execute_script("arguments[0].scrollIntoView(false);",ele)

我们发现执行完代码后，谷歌_百度百科就放到了下面，那我们执行上端会怎么样？

把元素放到上端，代码如下

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
from selenium.webdriver.common.keys import Keys

driver = webdriver.Chrome()
driver.get("http://www.baidu.com")

#输入谷歌并搜索谷歌
driver.find_element_by_id('kw').send_keys('谷歌',Keys.ENTER)

#用个变量接收xpath定位
locat = (By.XPATH,'//div[@class="result-op c-container"]//a[contains(text(),"_百度百科")]')
webdriverwait(driver,20).until(EC.visibility_of_element_located(locat))

#要滚动的元素
ele = driver.find_element(*locat)

#执行js语句,把元素放到页面的底端
driver.execute_script("arguments[0].scrollIntoView();",ele)

咦？我们的谷歌百度百科呢？去哪了？原来是被百度的输入框给挡住了，要怪就怪百度的输入框指定显示。剩下的两个大家自己去试试哈