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創(chuàng)建并行對(duì)象或者合并對(duì)象的實(shí)現(xiàn)代碼
如果有對(duì)象A ，B 現(xiàn)在我想要合并成對(duì)象C 從C里面可以找到A , B 及其子對(duì)象 怎么做2012-10-10
這篇文章主要為大家詳細(xì)介紹了jquery事件綁定解綁機(jī)制源碼，感興趣的小伙伴們可以參考一下2016-09-09
jQuery Easyui Treegrid實(shí)現(xiàn)顯示checkbox功能
本文通過(guò)實(shí)例代碼給大家介紹jQuery Easyui Treegrid實(shí)現(xiàn)顯示checkbox功能的方法，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-08-08
jquery實(shí)現(xiàn)定時(shí)自動(dòng)輪播特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)定時(shí)自動(dòng)輪播特效，講解內(nèi)容很詳細(xì)，條理清晰，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
這個(gè)是最早做出來(lái)的, 現(xiàn)在也改成xml格式了, 呵呵.2009-11-11
可以讓指定的層浮動(dòng)到網(wǎng)頁(yè)上的任何位置，當(dāng)滾動(dòng)條滾動(dòng)時(shí)它會(huì)保持在當(dāng)前位置不變，不會(huì)產(chǎn)生閃動(dòng)2008-12-12
jQuery 打造動(dòng)態(tài)漸變按鈕 詳細(xì)圖文教程
這是寫(xiě)給web設(shè)計(jì)者和前端開(kāi)發(fā)者的教程，我們將演示如何使用Photoshop創(chuàng)建按鈕的sprite圖，然后是如何使用jQurey打造動(dòng)態(tài)漸變效果。2010-04-04
Ajax在Web應(yīng)用中的作用越來(lái)越大，許多工具都包含了對(duì)這一功能的使用，以下是對(duì)這些常用工具中Ajax的典型實(shí)例.2016-06-06
jQuery彈簧插件編寫(xiě)基礎(chǔ)之“又見(jiàn)彈窗”
本文通過(guò)具體實(shí)例給大家介紹jquery彈窗插件編寫(xiě)基礎(chǔ)之又見(jiàn)彈簧的相關(guān)資料，對(duì)jquery彈簧插件編寫(xiě)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
JQueryiframe頁(yè)面操作父頁(yè)面中的元素與方法(實(shí)例講解)
這篇文章主要是對(duì)JQueryiframe頁(yè)面操作父頁(yè)面中的元素與方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11