水平滚动表格答案

【问题标题】：Scrolling the table horizontally水平滚动表格
【发布时间】：2021-02-09 22:32:48
【问题描述】：

我有这张桌子

我必须水平滚动才能点击如下所示的按钮

这是该元素的 HTML 代码

<div tabindex="-1" class="v-grid-scroller v-grid-scroller-horizontal" style="padding-bottom: 17px; height: 0px; width: 1036px; left: 0px; overflow-x: scroll;"><div style="height: 17px; width: 1566.09px;"></div></div>

有什么方法可以使用 WATIR 执行水平滚动？

【问题讨论】：

标签： ruby watir

【解决方案1】：

类似于scrolling vertically，您需要使用 JavaScript 来水平滚动元素。这是通过设置scrollLeft 属性来完成的：

# Get the element that has the overflow property
div = browser.div                                                                                      

# Scroll to a specific point
div.execute_script('arguments[0].scrollLeft = 100;', div) 

# Scroll right a certain amount
div.execute_script('arguments[0].scrollLeft += 50;', div)

【讨论】：

有效！我们不能为此创建一个 WATIR 方法吗？为什么我们不能创建像 browser.div.scroll_left(6times) 和 browser.div.scroll_top(6times) 这样的包装方法？
添加一些方法是有意义的。尽管我正在努力寻找具有现有滚动功能的良好/一致的命名。无论如何，请在项目上创建一个功能请求，这样我们就不会忘记。谢谢。