一些滚动操作

滚动操作
`
window.addEventListener("scroll",function(e){
// 获取滚动高度
scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
// 获取视口高度
winHeight=document.documentElement.clientHeight||document.body.clientHeight;
// 获取文档总高度
scrollHeight=document.body?document.body.scrollHeight:document.documentElement;
// 是否滚动到底部(加12像素偏差、测试用)
isReachBottom=scrollTop>=parseInt(scrollHeight-12)-winHeight;
});
`

求页面的滚动速度。
`
let startTimer=null,timer=0,speed=0,s=0,scrollTop=document.documentElement.scrollTop;
const timeScale=500; // 检测滚动停止的时间 ms
window.onscroll=function(e){

let tempScrollTop=document.documentElement.scrollTop;
s+=Math.abs(scrollTop-tempScrollTop);
scrollTop=tempScrollTop;
clearTimeout(startTimer);
if(!timer){
timer=new Date().getTime();
}
startTimer=setTimeout(function(){
let nowTimer=new Date().getTime();
let diffTimer=(nowTimer-timer-timeScale)/1000;
speed=s/diffTimer;
s=0;
timer=0;
if(speed>=1000){
    console.log(speed); // 所求速度 px/s
}
},timeScale)

}`

你可能感兴趣的:(javascript前端)