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