如何在iframe中拖动滑块？

我有一个html页面，在iframe中包含一个滑块

例如：

我想从左向右拖动滑块

我正在使用以下代码：

const boundingBoxOfSlider = await (await iframe.$('element-to-drag')).boundingBox()

const boundingBoxOfIframe = await (await page.$('.form-content')).boundingBox()


  await page.mouse.move(
    (boundingBoxOfSlider.x + boundingBoxOfIframe.x) + boundingBoxOfIframeOfSlider.width / 2,
    (boundingBoxOfSlider.y + boundingBoxOfIframe.y) + boundingBoxOfIframeOfSlider.height / 2
  )
  await page.mouse.down()

  // move the element to drag to the right (x+300)
  await page.mouse.move(
    (boundingBoxOfSlider.x + boundingBoxOfIframe.x) + boundingBoxOfIframeOfSlider.width / 2 + 300,
    (boundingBoxOfSlider.y + boundingBoxOfIframe.y) + boundingBoxOfSlider.height / 2
  )
  await page.mouse.up()

但它似乎不起作用

---

有什么建议吗？

是

iframe

元素句柄还是

框架

？它是框架。为什么？此部分的代码缺失，可能很重要。