如何使用 JavaScript 滚动到页面顶部?滚动条立即跳到页面顶部也是可取的,因为我不希望实现平滑滚动。
使用 JavaScript 滚动到页面顶部?
IT技术
javascript
scroll
2021-01-28 15:40:37
6个回答
如果您不需要更改动画,那么您不需要使用任何特殊插件——我只是使用原生 JavaScriptwindow.scrollTo()
方法——传入0, 0
将使页面立即滚动到左上角。
window.scrollTo(xCoord, yCoord);
参数
- xCoord 是沿水平轴的像素。
- yCoord 是沿垂直轴的像素。
如果您确实想要平滑滚动,请尝试以下操作:
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
这将采用任何<a>
标签,href="#top"
并使其平滑滚动到顶部。
具有流畅动画的更好解决方案:
// this changes the scrolling behavior to "smooth"
window.scrollTo({ top: 0, behavior: 'smooth' });
参考:https : //developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo#Example
试试这个滚动到顶部
<script>
$(document).ready(function(){
$(window).scrollTop(0);
});
</script>
您不需要 jQuery 来执行此操作。一个标准的 HTML 标签就足够了......
<div id="jump_to_me">
blah blah blah
</div>
<a target="#jump_to_me">Click Here To Destroy The World!</a>
其它你可能感兴趣的问题