使用JavaScript滚动到页面顶部吗?

被刻印的时光 ゝ 提交于 2019-12-09 11:29:20

如何使用JavaScript滚动到页面顶部? 即使滚动条立即跳到顶部也是可取的。 我不是在寻找平滑的滚动。


#1楼

所有这些建议都适用于各种情况。 对于那些谁通过搜索找到这个网页,还可以给这个一试。 jQuery,无插件,滚动到element。

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

#2楼

尝试此滚动顶部

<script>
 $(document).ready(function(){
    $(window).scrollTop(0);
});
</script>

#3楼

您可以简单地从链接中使用目标,例如#someid,其中#someid是div的ID。

或者,您可以使用任何数量的滚动插件,使其更加美观。

http://plugins.jquery.com/project/ScrollTo是一个示例。


#4楼

如果您不需要更改以进行动画处理,则无需使用任何特殊的插件-我只使用本机JavaScript window.scrollTo方法-传入0,0即可将页面立即滚动到左上角。

window.scrollTo(x-coord, y-coord);

参量

  • x坐标是沿水平轴的像素。
  • y坐标是沿垂直轴的像素。

#5楼

您不需要jQuery即可执行此操作。 一个标准的HTML标签就足够了...

<div id="jump_to_me">
    blah blah blah
</div>

<a target="#jump_to_me">Click Here To Destroy The World!</a>
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!