本文實(shí)例講述了jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果。分享給大家供大家參考,具體如下:
粘性滾動(dòng)是當(dāng)導(dǎo)航在滾動(dòng)過程中會(huì)占粘于瀏覽器上,達(dá)到方便網(wǎng)站頁面瀏覽的效果,也是一種用戶體驗(yàn),下面我們看一下是怎么實(shí)現(xiàn)的:
jQuery的 smint插件,也是一個(gè)導(dǎo)航菜單固定插件。當(dāng)頁滾動(dòng)時(shí),導(dǎo)航菜單會(huì)固定在頂部;當(dāng)點(diǎn)擊菜單時(shí),頁面會(huì)平滑的滾動(dòng)到對(duì)應(yīng)的區(qū)域。
兼容性
由于 smint 使用了 position: fixed,所以它不兼容 IE6。適用瀏覽器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.