移動端網(wǎng)站現(xiàn)在越來越普遍，很多客戶都只做移動端，不考慮做PC電腦端了，這也得益于手機的普及。
本人做前端制作開發(fā)多年，今天給大家分享移動端側(cè)邊滑出導(dǎo)航欄這個特效如何實現(xiàn)。

一個簡單的移動端側(cè)邊滑出導(dǎo)航欄，制作過程并不難，沒有使用插件，用css和js就能完成。在這里我為了方便引入了jquery庫，核心是css屬性（transform：translate3d），好了直接上圖。
CSS代碼：

JS代碼：

HTML代碼：

效果圖：

網(wǎng)站前端制作說簡單也簡單，說難也難，因為要做完很簡單，要做好很難，因為要注重很多細節(jié)，兼容絕大部分機型。