实现效果图：

向下滑动时，导航栏固定

代码：

！DOCTYPE html html head meta charset=' UTF-8 ' title/title style type=' text/CSS ' * { margin : 0；padd : 0；} img { display:块；margin : 0 auto } img # search . dhgd { position :已修复；左侧： 50%;边距-左侧：-596 px；top: 0px}/style脚本src=' http : jquery。量滴js ' type=' text/JavaScript ' charset=' utf-8 '/script script type=' text/JavaScript ' $(function(){//给浏览器加滚动条事件$(窗口)。滚动（函数(){ //获得当前已滚动上去的距离var t=$(文档)。滚动顶部()；控制台。日志('========================' t)if(t126){ $(' # search ').addCLaSS(' dhgd ')；}else{ $('#search ').移除CLaSS(' dhgd ')；} })}))/脚本/头体样式='背景： # f1 f1'！[](imgs/img01.png)！[](imgs/img02.png)！[](imgs/img03.png) /body/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。