jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果實(shí)例【附源碼下載】
來(lái)源:易賢網(wǎng) 閱讀:3203 次 日期:2017-10-22 17:53:48
溫馨提示:易賢網(wǎng)小編為您整理了“jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果實(shí)例【附源碼下載】”,方便廣大網(wǎng)友查閱!

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

粘性滾動(dòng)是當(dāng)導(dǎo)航在滾動(dòng)過(guò)程中會(huì)占粘于瀏覽器上,達(dá)到方便網(wǎng)站頁(yè)面瀏覽的效果,也是一種用戶體驗(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、傲游、搜狗、世界之窗.

jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果實(shí)例【附源碼下載】

更多信息請(qǐng)查看腳本欄目
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)