本文實例講述了jQuery仿gmail實現fixed布局的方法。分享給大家供大家參考。具體實現方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>fixed bar demo</title><style type="text/css" media="screen">body{margin:0;height:2000px;}#top{background-color:#333;height:80px;}#nav{background-color:#999;height:30px;position:absolute;top:80px;width:100%;}</style><script src="jquery-1.6.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop < 80) $("#nav").css('top', '80px'); else $("#nav").css('top', scrollTop +'px'); });});</script></head><body><div id="top"></div><div id="nav"></div></body></html>希望本文所述對大家的jQuery程序設計有所幫助。
新聞熱點
疑難解答
