求助:如果使用js\jq 控制一个div 当滚动到页面顶部的时候固定在顶部,离开可继续滚动

求助:如果使用js\jq 控制一个div 当滚动到页面顶部的时候固定在顶部,离开可继续滚动【希望能兼容所有浏览器】

第1个回答  2013-07-26
代码:
�6�1$(function(){

�6�1//获取要定位元素距离浏览器顶部的距离

�6�1var navH = $(".nav").offset().top;

�6�1//滚动条事件

�6�1$(window).scroll(function(){

�6�1//获取滚动条的滑动距离

�6�1var scroH = $(this).scrollTop();

�6�1//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定

�6�1if(scroH>=navH){

�6�1$(".nav").css({"position":"fixed","top":0});

�6�1}else if(scroH<navH){

�6�1$(".nav").css({"position":"static"});

�6�1}

�6�1})

�6�1})