如何从 iframe 内容延迟自动滚动

Question

我正在寻找一种方法让我的 iframe 每 5 秒自动向下滚动 x 量。有没有办法只用 css 做到这一点？

奖励：希望它在到达底部时滚动回顶部。

我是 css 和 html 的新手，但注意到 'scrolling="auto"' 不是这里的答案（对不起，我是菜鸟！）。任何帮助将不胜感激，谢谢！

Answer 1

使用this 答案，您可以在 JS 中以编程方式调整 iframe。每次使用内置的 setInterval 方法时，您都会进行增量跳转，将用于更改坐标的函数作为第一个参数传递，将 5000 作为延迟的第二个参数传递。这样，如果您知道整个 iframe 高度，则可以在滚动坐标剪辑页面底部后重置。 IE。如果 ycoord >= iframe 的高度，则 ycoord == 0。

粗略的伪：

const IFRAME_HEIGHT = 500;
const SCROLL_DELTA = 50;
let ycoord = 0;
onLoad(){
  setInterval(scrollIframe, 5000);
}
scrollIframe(){
   myIframe.contentWindow.scrollTo(0 ,ycoord)
   ycoord = ycoord + SCROLL_DELTA > IFRAME_HEIGHT ? 0 : ycoord + SCROLL_DELTA;
}