文章詳情頁
javascript - 可以左右滑動(dòng)的導(dǎo)航菜單怎么實(shí)現(xiàn)
瀏覽:136日期: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. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????2. 在應(yīng)用配置文件 app.php 中找不到’route_check_cache’配置項(xiàng)3. html按鍵開關(guān)如何提交我想需要的值到數(shù)據(jù)庫4. html5 - 在微信上掃二維碼看到有趣的h5頁面,怎樣才可以看到它的代碼呢?5. javascript - ueditor 百度富文本編輯器6. css3 - 怎樣用flew布局成 左邊邊兩列 右邊三列的布局?7. vue.js - android環(huán)境下在vue中引入vux.js 報(bào)錯(cuò)。8. objective-c - 項(xiàng)目未上線,qq分享第三方登錄,讓上傳appStore ID 怎么搞9. android - 接入微信安卓分享會(huì)多一個(gè)空白頁10. python - 在pyqt中做微信的機(jī)器人,要在表格中顯示微信好友的名字,卻顯示不出來,怎么解決?
排行榜

熱門標(biāo)簽