如何使用 Playwright Python 在 Web 元素内滚动

Question

我有一个包含多个组件的网页，其中一个组件是一个面板（带滚动条），总共包含 20 个选项，如下所示：

面板

网页加载时，只有前 7 个选项可见，但我需要选中第 15 个选项的复选框。所以我可能需要在该面板内滚动。

这是我当前使用的代码：

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False) # 1.Launch the browser
    page = browser.new_page()            # 2. Load the web page
    page.goto("www.sample.com")          # 3. Go to required URL
    page.locator(locator_value).check()  # 4. Check 15th value 

步骤#4中的“locator_value”是面板内第15个值的复选框的定位器。但它无法找到该元素，因为只有 7 个选项可见，第 15 个选项不可见，除非在面板内滚动。

一种方法是点击滚动条上的上下箭头来控制。但如果有任何其他方法可以滚动到特定元素在面板内，那就更高效了。

如果有人可以解释如何使用 playwright python 在这样的 Web 元素内滚动，直到特定值/元素可见，我真的很感激。

注意：我正在尝试在网络元素内滚动，而不是滚动网页

Answer 1

要使用 Python 中的 Playwright 在 Web 元素内滚动直到隐藏元素可见，您可以使用

scroll_into_view_if_needed()

方法。这允许您在与目标元素交互之前将其置于视图中。例如：

page.locator('locator_of_the_scrollable_element').scroll_into_view_if_needed()

有关详细说明和分步指南，您可以访问以下链接：

如何在 Python 中使用 Playwright 在 Web 元素内滚动

---