本文通过一个实例讲述了用jQuery智能判断固定导航栏或侧边栏的方法。分享给大家参考，如下：

这是jQuery智能判断固定DIV层的特效代码。通过这个jQuery智能代码，可以设置导航栏、侧边栏和任意DIV层的固定显示；现在蓝叶站用这个jQuery智能判断固定导航栏。如果你想看演示，请下拉页面滚动条，你会看到导航栏是固定的；要使用这段代码，需要在页面中引用jQuery库的JS文件。现在网站一般参考jQuery库代码。如果没有，打开网站模板，在页眉或页面位置添加脚本src=' http:3358libs.baidu.com/jQuery/1.7.1/jQuery.min.js'类型=' text/JavaScript '具体JQ智能判断如何使用固定导航栏或侧边栏代码见以下描述：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title style . top fixed { position : fixed；top : 0；left : 0；宽度： 100%；z-index : 9000；WebKit-box-shadow : 0px 4px 4px # baac 9；-moz-box-shadow : 0px 4px 4px # baac 9；box-shadow : 0px 4px 4px # baac 9；背景# fff}/style/head dydiv id=' nav ' style=' width :100%；高度：20 px；背景-color : # f60；margin:0 auto'/div div style=' height :10000 px；'/div script src=' http :http://libs . Baidu.com/jquery/1 . 7 . 1/jquery . min . js ' type=' text/JavaScript '/script script $(window)。scroll(function(){if($(this))。scrollTop()220){$('#nav ')。addCLaSS(' top fixed ')；}else {$('#nav ')。remove CLaSS(' top fixed ')；}});/脚本！-描述：当下拉滚动条距离头部220px时，会在DIV图层中添加一个CSS样式的topfixed，样式为#nav，使其显示固定。上面代码中的220是下拉滚动条到头部的距离。请修改如何设置。#nav是你需要修复的DIV图层的CSS样式名。的DIV层CSS样式的名称。-/body/html渲染：

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。

希望本文对大家的jQuery程序设计有所帮助。