前端页面滚动到浏览器顶部

第一种：添加一个a标签 href="#"，当鼠标点击这个a标签时就会跳转到页面开头。

<a href="#">top</a>

第二种：在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，点击时就可以回到页面顶部

<div id="top"></div>
<a href="#topr">top</a>

第三种：使用javascript的document.scrollingElement属性，这个属性返回文档的滚动元素。

document.scrollingElement.scrollTop = 0; //页面滚动到浏览器顶部

给页面添加一个点击滚动到浏览器顶部的标签

<input id="top" type="button" value="返回开头">

然后再JS内编写点击事件

top.onclick = function(){
    document.scrollingElement.scrollTop = 0;  
}

这样当点击input标签时页面就可以滚动到浏览器顶部