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

　　　　

 

　　　　 

1效果圖　　

 

萬(wàn)碼學(xué)堂,電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開發(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開發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

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

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

　　

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

　　

　　　　 

網(wǎng)友評(píng)論