文章詳情頁
javascript - 可以左右滑動(dòng)的導(dǎo)航菜單怎么實(shí)現(xiàn)
瀏覽：128日期：2023-02-19 11:43:42
問題描述
類似 http://m.hexun.com 頂部淡紅色的導(dǎo)航欄，可以左右平滑的移動(dòng)。這樣在手機(jī)屏幕就可以放更多菜單項(xiàng)。
這種效果有沒有juery插件呢
網(wǎng)上去搜 slide menu出來的都是從屏幕傍邊出來網(wǎng)站導(dǎo)航，并不是我要的效果。
問題解答
回答1：自己寫一個(gè)http://www.qdfuns.com/notes/2...
回答2：自己寫，很簡(jiǎn)單的，結(jié)構(gòu)類似于：
<包裹>
<列表><列表><列表><列表>
</包裹>
這種格式。列表項(xiàng)浮動(dòng)，包裹元素根據(jù)列表的多少設(shè)置寬度，然后通過transform和鼠標(biāo)（touch）事件進(jìn)行實(shí)現(xiàn)
標(biāo)簽：
JavaScript
相關(guān)文章：
1. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風(fēng)格檢查怎么辦。。。2. javascript - 如何將一個(gè)div始終固定在某個(gè)位置；無論屏幕和分辨率怎么變化；div位置始終不變3. html5 - 有可以一次性把所有 css外部樣式轉(zhuǎn)為html標(biāo)簽內(nèi)style=" "的方法嗎?4. javascript - 有什么比較好的網(wǎng)頁版shell前端組件？5. java - 如何寫一個(gè)intellij-idea插件，實(shí)現(xiàn)編譯時(shí)修改源代碼的目的6. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?7. java 中Long 類型如何轉(zhuǎn)換成Double？8. javascript - 求解答：實(shí)例對(duì)象調(diào)用constructor，此時(shí)constructor內(nèi)的this的指向？9. html - vue項(xiàng)目中用到了elementUI問題10. javascript - [js]為什么畫布里不出現(xiàn)圖片呢？在線等
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備