您的位置：首页技术文章
文章详情页

javascript - 可以左右滑动的导航菜单怎么实现

浏览：242日期：2023-02-19 11:43:42

问题描述

类似 http://m.hexun.com 顶部淡红色的导航栏，可以左右平滑的移动。这样在手机屏幕就可以放更多菜单项。

这种效果有没有juery插件呢

网上去搜 slide menu出来的都是从屏幕傍边出来网站导航，并不是我要的效果。

问题解答

回答1：

自己写一个http://www.qdfuns.com/notes/2...

回答2：

自己写，很简单的，结构类似于：

<包裹>

<列表><列表><列表><列表>

</包裹>

这种格式。列表项浮动，包裹元素根据列表的多少设置宽度，然后通过transform和鼠标（touch）事件进行实现

标签： JavaScript
上一条：javascript - js插件，输入框占位符的疑问下一条：javascript - react 中如何自动播放视频video
相关文章：
1. javascript - input输入框的失去焦点事件和发送按钮的点击事件冲突2. 数组 - mysql 輸出到 php array 然後印出?3. javascript - vue webpack打包问题4. python - 正则表达式匹配和原生字符的问题5. python - pymysql建立连接出错6. 数据结构 - java翻转链表是如何实现的?7. javascript - VUE 递归写的树状组件，怎么向外传递事件？8. javascript - 在chrome等浏览器中，如何隐藏掉ajax请求，使其不会显示在console中9. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？10. javascript - vue 元素加样式该怎么做
排行榜
javascript - input输入框的失去焦点事件和发送按钮的点击事件冲突
javascript - input输入框的失去焦点事件和发送按钮的点击事件冲突
1. 数组 - mysql 輸出到 php array 然後印出?
2. python - pymysql建立连接出错
3. python - 正则表达式匹配和原生字符的问题
4. javascript - vue webpack打包问题
5. 数据结构 - java翻转链表是如何实现的?
6. javascript - 修改表单多选项时和后台同事配合的问题。
7. nginx反向代理配置访问后台，基础问题？
8. javascript - VUE 递归写的树状组件，怎么向外传递事件？
9. javascript - vue 元素加样式该怎么做
10. javascript - 在chrome等浏览器中，如何隐藏掉ajax请求，使其不会显示在console中
热门标签