页面加载时滚动到顶部 (HTML)
Posted
技术标签:
【中文标题】页面加载时滚动到顶部 (HTML)【英文标题】：Scroll To Top On Page Load (HTML) 【发布时间】：2017-03-21 18:46:05 【问题描述】：我已经尝试了onload="window.scrollTo(0,0);" 和onload="$('html,body').scrollTop(0);"，但是在页面加载后它仍然停留在当前位置，我正在使用框架。我已经尝试了其他一些建议，但仍然没有运气，有人可以指出我正确的方向。我需要在框架顶部添加滚动条吗？我需要在重新加载内部框架时重新加载包含框架的页面，希望它有意义。
<body onload="window.scrollTo(0,0); $('html,body').scrollTop(0);">
<iframe id="my-iframe-tag" scrolling="no">
</iframe>
</body>
【问题讨论】：
试试：$('#my-iframe-tag').contents().scrollTop() 【参考方案1】：嗨，这一切似乎都成功了 onload="parent.scrollTo(0,0);" 经过一番搜索这有助于 Scroll to top of parent frame on iframe change? 虽然感谢
【讨论】：
【参考方案2】：在 DOM ready 上使用 scrollTop 方法：
$(document).ready(function()
$(this).scrollTop(0);
);
【讨论】：
只有当我刷新包含它跳转到顶部的框架的页面时仍然没有运气，但是我希望当内部框架刷新/加载时包含页面的框架跳转到顶部，希望这是有道理的.【参考方案3】：使用下面的代码滚动到顶部， 您可以创建一个按钮并在单击事件时触发此代码。
$("html, body").animate( scrollTop: 0 , "slow");
【讨论】：
【参考方案4】：试试看：
$(window).on('beforeunload', function()
$('body').hide();
$(window).scrollTop(0);
);
【讨论】：
以上是关于页面加载时滚动到顶部 (HTML)的主要内容，如果未能解决你的问题，请参考以下文章
当用户在 iframe 中导航时，强制 iframe 的父页面自动滚动到顶部？
防止缓存 iPhone Web 应用程序重新加载（滚动到顶部）