效果
例1
代码如下 | 复制代码 |
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> |
例2
代码如下 | 复制代码 |
•//获取要定位元素距离浏览器顶部的距离 •var navH = $(".nav").offset().top; •//滚动条事件 •$(window).scroll(function(){ •//获取滚动条的滑动距离 •var scroH = $(this).scrollTop(); •//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定 •if(scroH>=navH){ •$(".nav").css({"position":"fixed","top":0}); •}else if(scroH<navH){ •$(".nav").css({"position":"static"}); •} •}) •}) |
这种只要超过我们固定的位置我们就可以随便用户滚动而滚动了。