Question

我有一个网页，我在<body>的顶部有一个视频。我想在页面加载时滚动到此视频正下方的元素。

所以我用：

<body onload="scrollSomewhere();">

我的scrollSomewhere()已正确启动，但只有在视频开始播放时才会启动。在视频开始播放之前不会发生滚动。

你看到如何解决这个问题？异步播放视频？

Answer 1

body.onload等待整个正文加载，包括视频，图片和其他内容等外部资源。

如果你希望在加载所有内容之前执行该函数，那么DOMContentLoaded事件会在DOM中存在所有元素时立即触发，并且不会等待每个元素。元素加载它的资源等。

<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", scrollSomewhere, false);
</script>

您也可以直接调用该函数，例如在</body>标记之前的脚本标记中等。