自己试着写了下： 复制代码 代码如下: $(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(".nav").offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定 if(scroH>=navH){ $(".nav").css({"position":"fixed","top":0,"left":"50%","margin-left":"-200px"}); }else if(scroH<navH){ $(".nav").css({"position":"static","margin":"0 auto"}); } }) }) 主要思路 　　1.当这个元素进入可视区域后，然后要离开可视区域的时候，就改变定位方式。 　　2.当元素回离浏览器顶部最初高度时，再还原其定位方式l 在线演示：http://demo.jb51.net/js/2012/myfix/DEMO下载：http://www.jb51.net/jiaoben/45053.html

　　推荐阅读

　　使用jQuery Ajax功能时需要注意的一个问题(内存溢出)

最近一哥们在做一个Ajax长连接的项目，页面需要和服务器保持长连接，而且在连接超时后需要重新请求连接，过程中他问我要用到什么，我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess ajaxError这些对象吗，>>>详细阅读

本文标题：jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)

地址：http://www.17bianji.com/kaifa2/JS/23356.html

 1/2    1