猿问

请教 悬浮顶部BUG的解决方法 

元素悬浮在顶部之后，滚动条下拉元素依旧停留在顶部，element.offsetTop的值一直是0.
想要原生的，这样的效果http://www.bootcss.com/p/stickup/。这个问题怎么解决
.fixed{
position:fixed;
top:0;
}
这个div到达顶部时悬浮在顶部，不到顶部不悬浮
varfixedDom=document.getElementById('fixed');
window.addEventListener('scroll',winScroll);
functionwinScroll(e){
vartop=getElementViewTop(fixedDom);
top<1?fixedDom.classList.add("fixed"):fixedDom.classList.remove("fixed");
console.log(top);
}
functiongetElementViewTop(element){
　　　　varactualTop=element.offsetTop,
elementScrollTop=document.body.scrollTop;
console.log('actualTop'+actualTop);
console.log('elementScrollTop'+elementScrollTop);　　　　
returnactualTop-elementScrollTop;
　　}

		

			
开满天机

			
浏览 469回答 2

		

	
	

									
	

	

		
2回答

		

			
			

				
				
吃鸡游戏

				
varfixedDom=document.getElementById('fixed');varfixedTop=fixedDom.offsetTop;varbodyDom=document.body;window.addEventListener('scroll',function(){fixedDom.classList[fixedTop-bodyDom.scrollTop

				

					

            
            
          

          
0

				

			

			
		

	

	

		随时随地看视频慕课网APP
	

	
	
	

		
相关分类

		

			
			

			
				 JavaScript
			
			

				
			
		

	

	
	
	

		我要回答