【XPack】怎样用JavaScript操作div内容的滚动条?

在UI测试过程中,很多小伙伴可能会遇到这样的问题,内嵌的div内容中目标元素没有完全展示出来,鼠标无法点击。这时候可以通过scrollTop和scrollLeft方法来控制元素对象的滚动条。

示例:

下图是MeterSphere的某个接口自动化详情页面,包含很多步骤,右边有可操作的滚动条。

首先我们要通过开发者工具定位这个详情页面的div标签的id或名称。

然后通过在控制台执行document.getElementsByClassName(“card-content”)[0].scrollTop=1000,将滚动条向下移动1000个像素位。

附动图:
滚动条B

同理,如果div内容有底部滚动条,使用scrollLeft方法移动即可。