场景:IE11下的悬浮层中的下拉菜单,点击toggle按钮隐藏菜单后,出现菜单背景停滞现象(下拉菜单文字隐藏,但是背景仍停滞在原位置,类似桌面程序卡顿现象)。
即父元素P,position为absolute或fixed,其中子元素C,悬浮在元素P上(absolute/fixed),如果元素C设置了max-height属性,出现滚动条,则点击P元素上的按钮使用Js设置C的display属性为none时,C元素即便隐藏,但背景停滞,鼠标滑过时界面恢复正常。
解决方法:通过设置C元素的高度为0,替代display:none;隐藏;
.hidden {
min-height:0;
height:0;
padding:0;
margin:0;
boarder:0;
}