本文實(shí)例講述了jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)是專(zhuān)業(yè)的東莞網(wǎng)站建設(shè)公司，東莞接單;提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行東莞網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

粘性滾動(dòng)是當(dāng)導(dǎo)航在滾動(dòng)過(guò)程中會(huì)占粘于瀏覽器上，達(dá)到方便網(wǎng)站頁(yè)面瀏覽的效果，也是一種用戶(hù)體驗(yàn)，下面我們看一下是怎么實(shí)現(xiàn)的：

jQuery的 smint插件，也是一個(gè)導(dǎo)航菜單固定插件。當(dāng)頁(yè)滾動(dòng)時(shí)，導(dǎo)航菜單會(huì)固定在頂部；當(dāng)點(diǎn)擊菜單時(shí)，頁(yè)面會(huì)平滑的滾動(dòng)到對(duì)應(yīng)的區(qū)域。

兼容性

由于 smint 使用了 position: fixed，所以它不兼容 IE6。適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

引入文件

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站標(biāo)題：jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果實(shí)例【附源碼下載】-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://weahome.cn/article/doopcj.html