很久就没有碰前端的后果就是,自己被公司叫来帮忙自己结果啥都会,但是就想不起怎么操作
画布哆嗦
咱们直接来看代码
重点一:获取滚动条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.documentEleme