最近做項(xiàng)目的時(shí)候，突然想用一個(gè)側(cè)邊導(dǎo)航欄，網(wǎng)上找了幾個(gè)插件，有的太丑而且不太符合我的預(yù)期。與其修改別人的代碼，不如自己來(lái)寫(xiě)一個(gè)了。廢話不多說(shuō)先上圖，感興趣的請(qǐng)繼續(xù)看下去。

　　　　

 

　　　　 

1效果圖　　

 

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

  當(dāng)有頂部導(dǎo)航欄的時(shí)候側(cè)邊導(dǎo)航欄會(huì)消失。

 

 萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開(kāi)發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

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

　　這里是個(gè)demo ，沒(méi)有做平滑滾動(dòng)，需要的可以自己加上。

　　

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

　　

　　　　 

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開(kāi)發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式