jquery定位滾動(dòng)導(dǎo)航效果代碼的簡單介紹
向上滾動(dòng)時(shí)設(shè)置的class unpinned quotslideDownquot 向下滾動(dòng)時(shí)所設(shè)置的class init 然后,加上樣式就可以了animated position fixedtop 0left 0right 0transition all。
你好$documentreadyfunction $quotmenu liquotclickfunction $thischildrenquotulquottoggleendsiblingschildrenquotulquothide。
imgloadfunction$loadfunction loaderhidecurimagefadein3000滑出導(dǎo)航 setTimeoutfunction listanimate左0px ,1000attrsrcsrc 計(jì)算要顯示的縮略圖所在的div元素。
windowscrollfunction 隨著瀏覽器往下滾動(dòng),根據(jù)距離頂部的距離,判斷當(dāng)前選中的menu var top1 = parseInt$quot#ID1quotoffsettop var top2 = parseInt$quot#ID2quotoffsettop。
_positionabsolute * 把導(dǎo)航欄位置定義為絕對(duì)位置,這句是關(guān)鍵1 * _topexpressioneval * 把導(dǎo)航欄位置放在瀏覽器垂直滾動(dòng)條的頂端,這句是關(guān)鍵2 * overflowautozindex。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。