Selenium入门11 滚动条控制（通过js）

Posted 2021-01-10 dinghanhua

这一节要有js基础。做web端的UI自动化必须要有html，css，javascript前端基础。

 

滚动条控制：

1 移动垂直滚动条 document.documentElement.scrollTop

 

2 移动垂直滚动条 document.documentElement.scrollLeft

3 找到某个元素，移动到可视区内scrollIntoView()

 

#coding=utf-8
# 通过js操作滚动条

from selenium import webdriver
import time 
#打开淘宝
browser = webdriver.Firefox()
browser.get("https://www.taobao.com")
time.sleep(2)

#向下滚动1000像素
js="document.documentElement.scrollTop=1000"
browser.execute_script(js)
time.sleep(2)

#回顶部
js="document.documentElement.scrollTop=0"
browser.execute_script(js)
time.sleep(2)

#找到某个元素，scrollIntoView让当前的元素滚动到浏览器窗口的可视区域内
js="var div1=document.getElementsByClassName(‘layer‘);div1[div1.length-2].scrollIntoView();"
browser.execute_script(js)
time.sleep(5)

#缩小窗口显示水平滚动条
browser.set_window_size(500,800)
browser.get("http://www.bing.com")
time.sleep(2)
js=" document.documentElement.scrollLeft=1000"
browser.execute_script(js)
time.sleep(2)
js="document.documentElement.scrollLeft=0"
browser.execute_script(js)
time.sleep(2)

browser.quit()