Python Selenium UI自动化：滚动条滑动

问题

在UI自动化过程中，存在一些元素不在可见范围内，导致无法操作元素。如何解决？

滑动至固定位置

Window 对象方法 - scrollTo

• scrollBy(xnum,ynum)：按照指定的像素值来滚动内容。
  xnum必需。把文档向右滚动的像素数。
  ynum必需。把文档向下滚动的像素数。
• scrollTo(xpos,ypos)：把内容滚动到指定的坐标。
  xpos必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
  ypos必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

Python:
有些浏览器操作是selenium无法直接完成的，需要通过发送js代码间接完成，这里就要介绍一个driver新的方法，
execute_script()：里面的参数是字符串格式的js代码；

driver.execute_script(cmd)

js&python:滑动至固定位置

js代码如何实现滑动浏览器滚动条：
如果将滚动条滑至距窗口顶部1000px的位置

window.scrollTo(0, 1000)

滚动条回到顶部：

js = "var q=document.getElementById('id').scrollTop=0"

driver.execute_script(js) 

滑到窗口最底部，由于每一个网页页面的高度不同，所以可以使用如下方法：

window.scrollTo(0, document.body.scrollHeight)

Python：driver浏览器驱动执行js代码

driver.execute_script('window.scrollTo(0, document.body.scrollHeight)')

横向滚动条

js = "window.scrollTo(100,400);"

driver.execute_script(js)

滑动至元素

上面是对整个浏览器的滚动条操作，假设现在我们只需要让页面中某个元素可见，如何操作？

元素对象方法

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。
js代码

element.scrollIntoView(); // 等同于element.scrollIntoView(true) 
element.scrollIntoView(alignToTop); // Boolean型参数 
element.scrollIntoView(scrollIntoViewOptions); // Object型参数

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView
示例：

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});

js&python:滑动至元素

element = driver.find_element_by_id('login')

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

execute_script第一个参数是想要发送的js代码，第二个参数是待操作的元素。`
false是让元素在窗口底部可见，
该参数默认为true，元素会在窗口顶部可见，
但是有些时候会被顶部的悬浮导航栏遮挡，因此具体如何使用根据实际情况决定。