满口金牙 2022-05-18 00:36 采纳率: 91.1%
浏览 131
已结题

Vue3 CSS 怎么实现菜单滑动的效果

目的,hover 菜单从左侧滑出来,离开鼠标状态不变,菜单不隐藏,第二次hove滑回去 隐藏
**用transition
我试了一下 hover 可以有滑出效果,
但是 鼠标离开又进去了。不能保持状态,
请教有什么简便方法可以达到我要的效果?
**
不是要抽屉效果,展开时要把右边内容区挤小,而不是遮着,

  • 写回答

4条回答 默认 最新

  • 关注

    用hover不行, 要用js的mouseenter事件
    第一次mouseenter事件 菜单从左侧滑出来,
    第二次mouseenter事件滑回去 隐藏

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 5月26日
  • 已采纳回答 5月18日
  • 修改了问题 5月18日
  • 修改了问题 5月18日
  • 展开全部

悬赏问题

  • ¥15 华为ensp使用基本ACL限制公司网络访问
  • ¥15 帮我做下照片上的PLC题
  • ¥15 labview2022 使用modbus报缺少依赖?
  • ¥15 谷歌地图是不是不开通结算功能,api会使用不了哦
  • ¥15 unity腾讯云对象存储机型适配
  • ¥15 求全国交通咨询模拟代码,要求如下,可以完全在dev c++运行
  • ¥15 根据要求修改程序编码
  • ¥15 用 Python 做一个用 Excel 表导入的答题系统
  • ¥15 使用微信开发者工具实现一个“婚博会”小程序
  • ¥15 ros的rviz仿真机器人