首页 > 其他 > 详细

返回页面顶部的方法

时间:2020-04-06 12:18:06      阅读:61      评论:0      收藏:0      [点我收藏+]

方法一

利用<a>标签的锚点。
顶部设置一个<a name="top">顶部</a>,在需要返回顶部的位置设置<a href="#top">回到顶部</a>
通常顶部的锚点省略文字内容<a name="top"></a>

方法二

利用#,在 url 后增加#不会让页面刷新,并且可以回到顶部。

window.location.href += ‘#‘;

注意,当这个方法执行多次即有多个#时,页面不会有响应。

方法三

利用 JavaScript

var element = document.documentElement.scrollTop ? document.documentElement : document.body;
element.scrollTop = 0;

返回页面顶部的方法

原文:https://www.cnblogs.com/xiaoyucoding/p/12641344.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!