jQuery,仿百度帖吧,头部,固定导航
web前端-js教程
本文实例讲述了jQuery实现仿百度帖吧头部固定导航效果。分享给大家供大家参考。具体如下：手机测绘源码下载,ubuntu实模式汇编,多个tomcat一个war,golang爬虫原生,php语法基础实训结论,seo工作目的lzw
这里使用jquery实现网页上的头部固定，但不随滚动条滚动的效果，在百度贴吧里整理出来的网页特效，最开始的时候，固定条可以随滚动条拖动至网页顶部，但到达网页顶部后，再次拖动滚动条，头部并不滚动，其它的内容可以滚动，貌似在网上见的挺多的效果。哪个公司卖游戏源码,ubuntu执行c文件,修改tomcat的主页面,亚马逊爬虫采集,php字母大小,义马网站网络排名优化SEO推广lzw
运行效果截图如下：asp.net c 网站源码下载,vim快捷键vscode,ubuntu切图形,tomcat 访问软连接,java爬虫模块,php 判断变量是数字,济南口碑营销seo推广,餐饮网站 jsp,html后台框架模板源码lzw
具体代码如下：导航固定 $(function(){ $(window).scroll(function() { //$("body").css({"background-position":"center "+$(window).scrollTop()+""}); if($(window).scrollTop()>=250){ $(".nav").addClass("fixedNav"); }else{ $(".nav").removeClass("fixedNav"); } });});*{ margin:0px; padding:0px;}div.nav{ background:#000000; height:57px; line-height:57px; color:#ffffff; text-align:center; font-family:"微软雅黑", "黑体"; font-size:30px;}div.fixedNav{ position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}