playwright鼠标滚轮操作，页面中有两个滚动条，自动化如何区分

### Playwright 中实现页面内双滚动条的自动化操作在某些复杂的 Web 应用程序中，可能会存在多个独立的可滚动区域。这些滚动条可能存在于不同的 iframe 或者同一页面内的不同容器元素中。要针对这种情况编写可靠的测试脚本，在 Playwright 中可以通过定位特定的 DOM 元素来精确控制各个滚动条的行为。对于需要模拟用户交互如鼠标滚轮事件的情况，Playwright 提供了 `wheel` API 来触发这类动作。为了确保能够准确地区分并作用于目标滚动条而非整个文档级别的默认行为，建议先找到对应的滚动容器再执行相应的命令[^1]。 #### 定位具体滚动容器假设页面中有两个具有各自滚动条的不同 div 元素，则可通过 CSS 选择器或其他方式精确定位这两个元素： ```python scroll_container_1 = page.locator("#id_of_scrollable_div_1") scroll_container_2 = page.locator("#id_of_scrollable_div_2") ``` 这里使用了 HTML ID 属性作为例子；实际应用时可以根据实际情况调整为更合适的定位策略，比如 class 名称、XPath 表达式等。 #### 执行 wheel 动作一旦获得了具体的滚动容器对象，就可以调用其上的 `wheel()` 方法来进行滚动操作: ```python await scroll_container_1.wheel({'deltaX': 0, 'deltaY': -100}) # 向上滚动第一个div await scroll_container_2.wheel({'deltaX': 0, 'deltaY': 100}) # 向下滚动第二个div ``` 上述代码片段展示了如何分别向上和向下滑动指定的距离单位（像素）。注意这里的参数设置决定了滚动的方向以及幅度大小，开发者应根据需求灵活调整[^4]。通过这种方式可以在同一个页面内部精准地操控多处滚动条而不会相互干扰，从而更好地满足复杂场景下的自动化测试需求。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

下一篇 Python用*画一个爱只有边的爱心