小編給大家分享一下jquery+css怎么實現(xiàn)側(cè)邊導(dǎo)航欄效果，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)本溪免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

1、效果圖 　　

當有頂部導(dǎo)航欄的時候側(cè)邊導(dǎo)航欄會消失。

響應(yīng)式方面，同樣的頂部導(dǎo)航欄消失后右下角的圖標才出現(xiàn)。點擊出現(xiàn)導(dǎo)航，選中后消失；

這里是個demo ，沒有做平滑滾動，需要的可以自己加上。

大體就介紹這么多吧，下面上代碼。

2、css代碼

這里是css代碼，詳情請看注釋

3、html代碼 　　   

這里是html代碼，很簡單沒什么好說的。

這是頂部的導(dǎo)航