要想解决这个问题需要只要几个知识点
- scrollHeight:元素内容的总高度
- scrollWidth:元素内容的总宽度
- scrollLeft:因为滚动被隐藏在内容区域上面的高度
- scrollTop：因为滚动被隐藏在内容区域左边的高度
获取滚动高度的兼容写法
- var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop
获取浏览器视口的大小的兼容写法
- var clientHeight = document.documentElement.clientHeight || document.body.clientHeight
如果滚动高度大于一屏的高度就出现回到顶部
if(scrollHeight > clientHeight){
//显示回到顶部按钮
}else{
//隐藏回到顶部按钮
}
