selenium---JS处理滚动条

　　在web自动化中，会遇到想要定位的内容，由于电脑分辨率的问题导致，需要定位的元素可能没有在页面上展示出来，这个时候我们应该怎么做呢？正常情况下，肯定是点击滚动条，找到想要的元素，然后进行操作。问题来了，selenium有没有办法操作滚动呢？selenium目前没有好的办法进行操作滑动条，但是前面介绍的JS有这个功能哈

滚动条

滚动条：滚动条是在我们使用软件无法显示整个界面的时候，右侧的一个可以滚动的用于显示剩下界面的条

知道了滚动条是什么，那么我们如何通过JS进行操作呢？

JS操作滚动条

JS操作滚动条有几种

1、滚动条到顶部

# JS滚动条到顶部
js="var q=document.getElementById('id').scrollTop=0"

2、滚动条在底部，scrollTop表示滑动条的位置

# 滚动条到底部，
js="var q=document.documentElement.scrollTop=10000"

3、操作横向滚动条

# 操作横向滚动条
js  = “window.scrollTo(100,400)“

4、通过元素进行滚动

通过观察会发现上面的滚动条都是滚动到固定位置，那么我们的元素在中间，我们又不清楚滚动条具体停放在哪里？我们可以通过JS进行找到这个元素然后将滚动条操作到可见元素的位置

# 滚动到元素可见位置
js = "arguments[0].scrollIntoView()"
# 元素位置
element = driver.find_element_by_id('xxxx')
# 滚动可见位置
driver.execute_script(js,element)

小试牛刀

这里安静就拿博客园来举例子，通过元素进行滚动到可视区域

from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.cnblogs.com/qican/')
# 找到想要滚动到的元素
element = driver.find_element_by_xpath('//*[contains(text(),"下一页")]')
# js操作脚本
js = "arguments[0].scrollIntoView()"
driver.execute_script(js,element)
time.sleep(2)
element.click()

其实通过JS操作web页面的内容还有很多，JS可以帮助我们解决一些selenium无法解决的问题，后续一点点的为大家补充JS工作中遇到的内容，大家也可以留言说说你在工作中通过JS都做哪些？