常见技术方案-JavaScript篇

来源:互联网 发布:qq linux版本下载 编辑:程序博客网 时间:2024/05/21 14:41

最近更新时间:2017年5月31日08:59:45

    技术开发不仅需要学习基础知识,但更多需要学习的是不断积累项目经验,总结常用技术方案,在以后的工作中加快工作效率。

1、监听页面滚动到顶部或底部

window.addEventListener('scroll',this.scroll);
window.removeEventListener('scroll',this.scroll);
scroll(){
        let screenH = window.screen.availHeight;
        let scrollTop = document.body.scrollTop;
        let documentH = document.body.scrollHeight;
        if(screenH + scrollTop >= documentH){
          console.log('bottom');
        }
if(scrollTop <= 0{
          console.log('top');
        }
}

2、将页面滚动到指定坐标

window.scrollTo(0,0);//将页面滚动到顶部

原创粉丝点击