原生的吸顶效果

【1】吸顶效果
  //获取距离页面顶端的距离
    
  var titleTop = tit.offsetTop;
    
  //滚动事件    
  document.onscroll = function(){
       
     //获取当前滚动的距离
       
     var btop = document.body.scrollTop||document.documentElement.scrollTop;
        
    //如果滚动距离大于导航条据顶部的距离
        
    if(btop>titleTop){
           
    //为导航条设置fix
            
    tit.className = " fix";
        
     }else{
           
    //移除fixed
        
    tit.className = "";
       
  }
   
 }
发布了6 篇原创文章 · 获赞 2 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/sonnyface/article/details/79665428