实现垂直菜单

实现垂直菜单

老师你好, 在慕云游开发项目这一课的21:32处,为什么说banner-nav要有宽鼠标移动出去,右边的那个大的子菜单才会消失?这是什么原理?能举个例子解释一下吗

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2021-04-16 11:12:29

同学你好,对于你的问题,可以参考如下解析:

因为banner-nav没有设置宽度时,默认宽度是父盒子center-wrap的宽度,如下图所示:

http://img1.sycdn.imooc.com//climg/6078ffad09cbbd4c19150829.jpg

此时,当鼠标从右侧移出时,视觉上看着是移出了菜单区域,但实际上鼠标还是在banner-nav区域,所以不会触发banner-nav的移开事件,让子菜单隐藏起来。

所以视频中老师给banner-nav设置固定的宽度,让其刚好包裹左侧菜单和子菜单,这样鼠标从子菜单右侧移出,也就是从banner-nav区域移出了,此时才会触发banner-nav的鼠标移开事件,让子菜单隐藏起来了。


祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师