jquery實(shí)現(xiàn)的導(dǎo)航固定效果
更新時(shí)間：2014年04月28日 10:01:42 作者：
這篇文章主要介紹了jquery實(shí)現(xiàn)的導(dǎo)航固定效果,需要的朋友可以參考下
jquery實(shí)現(xiàn)的導(dǎo)航固定效果
復(fù)制代碼 代碼如下:
1.jquery代碼, .nav為導(dǎo)航的class
$(function(){
$(window).scroll(function() {
if($(window).scrollTop()>=250){
$(".nav").addClass("fixedNav");
}else{
$(".nav").removeClass("fixedNav");
}
});
});
2.CSS代碼
.fixedNav{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100000;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
3.HTML代碼
<div class="nav">
<p>導(dǎo)航固定</p>
</div>
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)智能判斷固定導(dǎo)航條或側(cè)邊欄的方法
- 使用jQuery.Pin垂直滾動(dòng)時(shí)固定導(dǎo)航
- jQuery+CSS3實(shí)現(xiàn)仿花瓣網(wǎng)固定頂部位置帶懸浮效果的導(dǎo)航菜單
- jQuery實(shí)現(xiàn)網(wǎng)頁(yè)頂部固定導(dǎo)航效果代碼
- jQuery實(shí)現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果
- jQuery 頂部導(dǎo)航跟隨滾動(dòng)條滾動(dòng)固定浮動(dòng)在頂部
- jquery實(shí)現(xiàn)的讓超出顯示范圍外的導(dǎo)航自動(dòng)固定屏幕最頂上
- jQuery導(dǎo)航條固定定位效果實(shí)例代碼
相關(guān)文章
jquery實(shí)現(xiàn)TAB選項(xiàng)卡鼠標(biāo)經(jīng)過(guò)帶延遲效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)TAB選項(xiàng)卡鼠標(biāo)經(jīng)過(guò)帶延遲效果的方法,可實(shí)現(xiàn)tab選項(xiàng)卡的延遲加載效果,涉及jquery鼠標(biāo)事件及延遲函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07
我們都知道,很多時(shí)候,在頁(yè)面加載完后都需要做一些相應(yīng)的初始化動(dòng)作.例如,運(yùn)行某些js特效,設(shè)置表單等等.怎么知道頁(yè)面加載完了呢?2009-12-12
這里給大家分享的是個(gè)人編寫(xiě)的2個(gè)jQuery特效，非常簡(jiǎn)單實(shí)用，推薦給大家，希望對(duì)大家能有所幫助。2015-02-02
jQuery在vs2008及js文件中的無(wú)智能提示的解決方法
我通過(guò)下面方法實(shí)現(xiàn)了jQuery在VS2008及js文件中的智能提示的，希望對(duì)朋友們有所幫助。2010-12-12
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-02-02
jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)
這篇文章主要介紹了jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法的相關(guān)資料,非常不錯(cuò)具有參考價(jià)值,需要的朋友可以參考下2016-05-05
做了很多種方式的選擇項(xiàng)卡切換。沒(méi)有一個(gè)確定的方法。程序的魅力就在于一個(gè)[結(jié)果]有無(wú)數(shù)種[方式]去實(shí)現(xiàn)。2010-06-06
zTree樹(shù)形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法
下面小編就為大家分享一篇zTree樹(shù)形菜單交互選項(xiàng)卡效果的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
Jquery submit()無(wú)法提交問(wèn)題
代碼點(diǎn)擊注冊(cè)按鈕時(shí)無(wú)法提交表單，名稱(chēng)沖突可能會(huì)導(dǎo)致混亂的失敗,接下來(lái)為大家介紹下解決方法，感興趣的朋友可以了解下2013-04-04
jQuery動(dòng)態(tài)地獲取系統(tǒng)時(shí)間實(shí)現(xiàn)代碼
jquery獲取當(dāng)前年份、獲取當(dāng)前月份（0——11），具體思路及代碼如下，感興趣的朋友可以參考下哈，希望可以幫助到你2013-05-05