进击的大菜鸟 2021-12-29 18:33 采纳率: 83.3%
浏览 249
已结题

elementui二级菜单定位问题

问题遇到的现象和发生背景

请看图，elementui二级菜单显示超出屏幕，怎么让它自适应，如果超出屏幕就向左侧展示

img

问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-29 19:02
    关注

    菜单项绑定mouseenter鼠标移入事件，然后判断是否超出屏幕，超出了就左移超出的距离
    大概是:

    if(二级菜单.clientX+它的宽度> 屏幕宽度){
    二级菜单.style.transform = translateX(二级菜单.clientX+它的宽度 - 屏幕宽度)
    }

    如有帮助，麻烦点个[采纳此答案]谢谢啦^O^

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 3月11日
  • 已采纳回答 3月3日
  • 创建了问题 12月29日