Javascript 使用CSS创建平滑的粘性标题转换

我为我的页面创建了一个粘性标题：

$document.ready=>{ initNavbarScroll； }; 函数initNavbarScroll{ const navbar=$navbar； 常量NavBartoOffset=navbar.offset.top； const stickedCls=navbarSticked； $window.scroll=>{ const isSticked=navbar.hassclassstickedcls； 常量windowScrolledDown=$window.scrollTop>navbarTopOffset； 如果Windows Crolleddown{ 如果！请勾选{ navbar.addClassstickedCls； } }否则{ 如果勾选{ navbar.removeClassstickedCls； } } }; } 身体{ 保证金：0； } 导航栏{ 高度：60px； 宽度：100%； 背景：蓝色； } .导航条{ 位置：固定； 排名：0； } .盒子{ 高度：100px； 边框底部：1px实心； 背景：红色； } 您可以尝试使用css position:sticky；代替位置：固定

您可以尝试使用css position:sticky；代替位置：固定

---

我用的是chrome浏览器我用的是chrome浏览器真的很有帮助真的很有帮助