transitionEnd
来源：4-3 导航区
花生香又脆
2020-02-26 20:06:45
视频里说的监听transitionEnd要怎么写？是对设置了transition的那个元素进行监听吧？我写的没有奏效，想看下老师的写法核对一下问题在哪
这里只要删掉height:0那个元素上的boder就解决了啊，在js中使用监听事件的好处是什么？
navContainer.addEventListener('transitionEnd',function(){
navContainer.style.display="none";
}, false);
写回答
1回答
-
同学你好，问题解答如下：
改成小写的transitionend 。另外，当点击下拉菜单显示时，过渡效果结束，也会触发这个事件将下拉菜单隐藏。所以还需要再判断一下，例如添加一个变量标记下拉菜单是显示状态还是隐藏状态。当时隐藏状态时，再添加display:none；
代码是比较灵活的，老师也只是说了其中一种方式。其实这样做有一点复杂。按照同学说的去做也行。或者是给下拉菜单设置定位，让它往上移动1px 。把边框盖起来也行。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题