与弹出滚动条交互

Question

我正在尝试在此处向下滚动弹出窗口：（请注意，您需要单击页面上的任何食物项目才能显示有问题的弹出窗口）

https://www.just-eat.co.uk/restaurants-mcdonalds-claphamjunction/menu

我尝试使用以下代码向下滚动此弹出窗口，首先使用其 css 选择器识别弹出滚动条，然后向其发送向下箭头键。

popup = browser.find_element_by_css_selector("body > div:nth-child(3) > div:nth-child(4) > div.c-megaModal.MegaModal_c-megaModal_3w2Fg.u-overlay.c-itemSelector.c-modal--popUp--belowMid.is-fullHeight")
popup.send_keys(Keys.ARROW_DOWN)

但是，我收到以下错误消息：

selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable

我设法使用 FireFox 很好地向下滚动，但无法在 Chrome 上运行（由于其他原因需要使用 Chrome）。

任何帮助将不胜感激

编辑：

我尝试了以下操作，但它没有滚动（没有出现错误消息，它只是通过代码而不滚动）。

        wait = WebDriverWait(browser, 20)
        for _ in range(8):
            wait.until(EC.visibility_of_element_located(
                (By.XPATH, "//div[contains(@class,'MegaModal_c-megaModal-document--scrollable')]")))
            browser.execute_script(
                "document.querySelector('div[class*=MegaModal_c-megaModal-document--scrollable]').scrollDown += 250")

Answer 1

1. 您使用了错误的定位器
2. 用户不能直接交互此元素。这就是为什么您不能使用 Selenium 向它发送密钥的原因。
   您可以使用 JavaScript 执行器滚动它，而不是向该元素发送箭头键。
   请试试这个

wait.until(EC.visibility_of_element_located((By.XPATH, "//div[contains(@class,'MegaModal_c-megaModal-document--scrollable')]")))
driver.execute_script("document.querySelector('div[class*=MegaModal_c-megaModal-document--scrollable]').scrollDown += 250")

为了使用上述显式条件，您将需要这些导入

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

并初始化等待对象

wait = WebDriverWait(driver, 20)