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