很久就没有碰前端的后果就是，自己被公司叫来帮忙自己结果啥都会，但是就想不起怎么操作
画布哆嗦
咱们直接来看代码
重点一：获取滚动条Y轴的数据
这个方法有很多，我就不一一讲述了，毕竟结果都一样就好
直接上代码
var scrollTop = 0;window.onscroll = function () {scrollTop = document.documentElement.scrollTop || document.body.scrollTop;console.log(scrollTop);}
window.onscroll是为了监听当前页面的滚动条，当滚动时执行后面的函数
为什么会有documentElement和body呢？
这是因为谷歌浏览器是通过前者获取滚动条位置的，而其他浏览器是通过后者获取的，考虑到兼容性的问题所以才这么做的；
来看结果
重点二：设置滚动条滚动
咱们获取滚动条的数据自然是有用的，我这里就只展示让滚动条向上滚动的代码
无动画滚动
这个就很简单粗暴，直接嗖的一下到顶了代码也很简单
window.scrollTo(0,0);
没错代码就是这么简单
document.documentElement.scrollTop = 0；document.body.scrollTop = 0；
当然你这样写也是没问题的，但是要注意兼容性所以两个都要写上
有动画滚动
有动画就要多一点点代码，我这里用到的时定时器，所以性能方面就会受到些影响
相信大家都能看得懂，我就不解释了；当然看不懂的话也可以私信我，我有时间会跟你讲讲一定要打好基础
var timber = setInterval(() => {window.scrollTo(0, scrollTop-=20);if(scrollTop <= 0){clearInterval(timber);}}, 5);
简简单单、轻轻松松；
随便转载，注明原著即可；
