js控制滚动条 滚动指定距离

Posted 2023-04-19

参考技术A 想要移动效果需要结合定时器来做吧。
setInterval来实现。或者用jq的animate方法。 参考技术B document.documentElement.scrollTop=100;追问

我的想法是 用按钮控制滚动 譬如 每次点击向右移动200px

而且这样就没动画效果了

BDD测试之selenium控制滚动条

一、对于页面存在滚动条，可以通过插入JS控制滚动条(最常用的方法)

（1）将滚动条移动到指定坐标位置处

       ((JavascriptExecutor) driver).executeScript("window.scrollTo(X, Y)");

（2）使滚动条到页面底部，定位底部元素

       Action action = new Actions(driver);

       action.moveToElement(driver.findElement(By.XX)).perform();

（3）操作垂直滚动条，向下移动YYY像素

       String setscroll = "document.documentElement.scrollTop=" + "YYY";  

（4）水平滚动条，向右移动XXX像素
       String setscroll = "document.documentElement.scrollLeft=" + "XXX";  

二、结合按键控制

    手动测试发现，对于页面的下拉到页面底部，可以通过按下End键实现，页面的下拉，可以通过down实现，故滚动条的控制，也可以通过控制按键控制

Actions action = new Actions(driver);
action.sendKeys(Keys.END).build().perform();

对于鼠标和键盘的控制，可参考https://www.ibm.com/developerworks/cn/java/j-lo-keyboard/，这是我看到的关于这模块总结的比较详细的博客