jQuery头部固定不随滚动条滚动效果

2014-09-06发布在 Web技术5002 次访问

query_posts

网页上的头部固定,但不随滚动条滚动的效果,在百度贴吧里整理出来的网页特效,最开始的时候,固定条可以随滚动条拖动至网页顶部,但到达网页顶部后,再次拖动滚动条,头部并不滚动,其它的内容可以滚动,貌似在网上见的挺多的效果。

 

导航固定
<script src="/ajaxjs/jquery1.3.2.js" language="javascript"></script><script>// <![CDATA[
$(function(){	   $(window).scroll(function() { 	//$("body").css({"background-position":"center "+$(window).scrollTop()+""}); 	if($(window).scrollTop()>=250){
		$(".nav").addClass("fixedNav");
	}else{
		$(".nav").removeClass("fixedNav");
	} 
  });
});
// ]]></script>
<div class="header" style="background: #CCCC00; height: 250px;"></div>
<div class="nav">导航固定</div>
<div class="content" style="background: #0099FF; height: 2000px;"></div>

 

本站所有文章除注明“转载”的文章之外,均为原创。未经本站允许,请勿随意转载或用作任何商业用途,否则依法追究侵权者法律责任的权利。

分享到微信朋友圈

LiaoSam
LiaoSam
外贸综合症患者

相关文章

    暂无

1条评论

发表我的评论

取消评论

邮箱白名单说明:最近料网自动提醒邮件经常会被一些邮件服务商拦截。为了您顺利并及时地收取留言被回复的提醒邮件,请在您邮箱中把料网 liaosam.com 加入白名单域名。

已读说明
设为私密评论
添加表情

Hi,您需要填写昵称和邮箱!

您的邮箱地址不会公开,仅仅用于收取回复。建议填写QQ邮箱,不宜填写工作邮箱。
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (没有就留空)
呃,评论有点多呢... 料网小秘书为您玩命加载中...
  1. #1
    阳光的ac0

    这个。。。MARK。。。以后研究下

    2年前 (2014-11-03)回复