js 常用功能小记

1、滚动轴滚动时显示：

scrollTop - 获取元素的滚动条距顶端的距离；

window.onscroll=function(){
     //获得滚动的距离,距离顶部的距离
     var topScroll =document.body.scrollTop||document.documentElement.scrollTop;
     //获取到导航栏id
     var bignav  = document.getElementById("demo");
     //当滚动距离大于150px时执行 固定位置 距离 / 显示
     if(topScroll > 150){  
         bignav.style.display = 'block';
     }else{
         //当滚动距离小于150让导航栏恢复原状
         bignav.style.display = 'none';
     }
}

2、为其 添加/删除 class

if(topScroll > 150) {
  bignav.classList.add('active');
}else {
  bignav.classList.remove('active');
}

classList 属性返回元素的类名，该属性用于在元素中添加、移除以及切换CSS类，classList是只读属性；