Selenium Python 网页特定div容器向下滚动失效问题求解

你之前所有滚动方法失效，是因为目标页面基于QlikView搭建，左侧展开列表用的是QlikView自研虚拟滚动组件，不是浏览器原生带overflow: auto/scroll属性的DOM容器：

• 组件滚动位置存在JS内部状态中，不绑定DOM元素的scrollTop属性，直接修改DOM属性不会触发组件重渲染
• 之前派发的原生wheel、mouseover事件被QlikView内部事件逻辑拦截，没有被组件监听捕获
• 页面上看到的滚动条是组件用div模拟绘制的UI元素，不是浏览器原生滚动条，直接操作该DOM不会同步滚动状态

方案1：拖拽模拟滚动条（稳定性最高） #

QlikView的模拟滚动条原生支持鼠标拖拽事件，直接用ActionChains拖拽滚动条滑块即可实现滚动，不会被组件拦截：
操作前先等列表完全展开渲染，定位两个对应元素：

• 滚动条可拖拽滑块：当前展开列表对应的滚动条上的灰色小方块，CSS选择器可参考.Qv_ScrollbarVertical .Qv_ScrollbarThumb
• 滚动条轨道容器：装滑块的长条div，CSS选择器可参考.Qv_ScrollbarVertical
  注意：不要定位到页面其他隐藏区域的滚动条，要找当前展开的左侧列表对应的滚动条元素
  参考代码：

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

# 先点击列表区域激活组件，避免事件被拦截
list_container = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, ".QvListbox"))
)
ActionChains(driver).move_to_element(list_container).click().pause(0.3).perform()

# 定位滚动条滑块和轨道
scroll_thumb = WebDriverWait(driver, 5).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, ".Qv_ScrollbarVertical .Qv_ScrollbarThumb"))
)
scroll_track = WebDriverWait(driver, 5).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, ".Qv_ScrollbarVertical"))
)

# 计算滚动距离：向下滚动轨道高度的80%，如果要滚到底就传 track_height - thumb_height
track_height = scroll_track.size["height"]
thumb_height = scroll_thumb.size["height"]
scroll_offset = int(track_height * 0.8)

# 执行拖拽操作
actions = ActionChains(driver)
actions.click_and_hold(scroll_thumb)
actions.move_by_offset(0, scroll_offset)
actions.release()
actions.pause(0.5)
actions.perform()

方案2：派发组件可识别的滚轮事件 #

你之前写的滚轮事件缺少QlikView校验的必填参数，补全参数并先激活组件即可生效：

def scroll_qlik_panel(panel_element, scroll_step=300):
    """
    panel_element: 要滚动的列表外层容器（带QvListbox类的div）
    scroll_step: 正数向下滚动，负数向上滚动，数值越大单次滚动距离越长
    """
    # 激活面板
    driver.execute_script("arguments[0].click();", panel_element)
    time.sleep(0.2)
    # 派发符合QlikView监听规则的滚轮事件
    driver.execute_script("""
        const el = arguments[0];
        const delta = arguments[1];
        const rect = el.getBoundingClientRect();
        const centerX = rect.left + rect.width / 2;
        const centerY = rect.top + rect.height / 2;
        
        el.dispatchEvent(new MouseEvent('mouseenter', {
            bubbles: true,
            clientX: centerX,
            clientY: centerY,
            view: window
        }));
        // 注意必须传deltaMode、wheelDelta参数，QlikView会做参数校验
        el.dispatchEvent(new WheelEvent('mousewheel', {
            bubbles: true,
            cancelable: true,
            clientX: centerX,
            clientY: centerY,
            deltaY: delta,
            deltaMode: 0,
            wheelDelta: delta * 120,
            view: window
        }));
    """, panel_element, scroll_step)
    time.sleep(0.3)

# 调用示例：循环滚动5次，按需调整循环次数
list_panel = WebDriverWait(driver,10).until(EC.presence_of_element_located((By.CSS_SELECTOR, ".QvListbox")))
for _ in range(5):
    scroll_qlik_panel(list_panel, 300)

方案3：直接调用QlikView内部JS API（最便捷） #

QlikView全局挂载了操作对象，直接获取组件实例调用滚动方法即可，完全不需要模拟鼠标操作：

list_panel = WebDriverWait(driver,10).until(EC.presence_of_element_located((By.CSS_SELECTOR, ".QvListbox")))
# 提取组件数字ID
panel_id = list_panel.get_attribute("id").split("_")[0]
scroll_row_count = 50 # 向下滚动50行，按需调整数值
driver.execute_script("""
    const doc = window.Qv.GetCurrentDocument();
    const targetObj = doc.GetObject(arguments[0]);
    // PageDown参数为滚动的行数
    targetObj.PageDown(arguments[1]);
""", panel_id, scroll_row_count)

• 不要尝试修改DOM元素的scrollTop、调用scrollTo/scrollIntoView方法，虚拟列表不会读取这些原生DOM属性，未渲染的列表项没有真实DOM，调用这些方法完全无效
• 所有滚动操作前必须先点击对应列表区域激活组件，QlikView会屏蔽非激活组件的所有外部事件
• 操作之间加0.2-0.5秒的等待，QlikView前端渲染速度慢，操作过快会被拦截
• 你当前Chrome启动参数里的--single-process是调试用特殊参数，会导致新版本Chrome的JS事件响应异常，先删掉这个参数再测试，否则可能出现操作无响应的问题

内容的提问来源于stack exchange，提问作者Luís Henrique Martins