Html 如何使页面向下滚动并聚焦于iframe

我有一个网页，其中有一些内容的巨大的横幅图像。在它下面，我有一个youtube视频的iframe。该网页响应迅速，但当我在移动设备上打开它时，标题太大，用户需要向下滚动才能查看视频

---

我试图实现的是，当用户在移动设备上打开网页时，它会自动向下滚动到iframe。我怎样才能做到这一点呢？

您将需要javascript来实现这一点

document.documentElement.clientHeight

返回客户端的高度

如果该值不够高，则应向下滚动：

window.scrollTo（0500）

所以可能：

if(document.documentElement.clientHeight < 500) {
    window.scrollTo(0, 500);
}


绿色
蓝色
您可以使用
window.innerHeight
检测屏幕是否太小，然后使用
window.scrollTo（）
将页面向下滚动至iframe


maxHeight=600；
函数scrollIfMobile（）{
如果（window.innerHeight

div{
高度：400px；
背景：浅蓝色；
利润率：8px；
}

块

Iframe

...
...
能否请您发布一些代码作为示例。