我有一个 html 页面，其中有几个 IFrame 通过外部源代码加载。我无法控制外部资源。
当网页加载时，它会聚焦于 IFrame 之一，而不是聚焦在页面顶部。
这是我的简单 html 页面:
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="topp" tabindex="0"></div>
</head>
<div id="topp" tabindex="0"></div>
<body>
<p id="test">test 1 2 3 4.</p>
<br><br>
<h2>IFrame 1</h2>
<iframe src="https://..../index1.html" width="100%" height="825px;"></iframe>
<iframe src="https://..../index2.html" width="100%" height="825px;"></iframe>
<iframe src="https://..../index3.html" width="100%" height="825px;"></iframe>
<iframe src="https://..../index4.html" width="100%" height="825px;"></iframe>
</body>
</html>
它专注于 Iframe index3.html，因此我尝试通过在页面正文文本中包含一些 javascript 来创建解决方法。通过这种方式，我可以在呈现 DOM 时强制页面滚动回顶部。但它不起作用。
这是我尝试过的:
$(document).ready(function(){
$(this).scrollTop(0);
});
有没有办法找到IFrame是否加载所有的SRC，然后聚焦到页面顶部？
最佳答案
您可以将 JavaScript 代码替换为:
window.scrollTo(0, 0);
该行代码将强制页面在加载后滚动到顶部。
您可以使用以下代码添加平滑滚动:
window.scroll({
top: 0,
left: 0,
behavior: 'smooth',
});
希望对您有所帮助。
关于javascript - 强制网页加载到页面顶部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58806973/