请教 悬浮顶部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
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript