我正在为移动视图创建离屏导航菜单,遇到了一个问题,在添加类.show之前会有大约0.3秒的延迟。
我尝试通过jquery添加自定义类.active,但结果是一样的-即使没有延迟地添加类,该类的转换仍然被延迟。
我尝试通过jquery添加自定义类.active,但结果是一样的-即使没有延迟地添加类,该类的转换仍然被延迟。
.collapse.active{
transform: translateX(0%);
}
这很可能是由于添加和计算我不需要的行内样式高度导致的,因为我总是希望导航栏的高度为100vh。有没有办法削减或加速计算部分?
尝试添加以下代码,但并没有什么帮助。
.collapsing {
-webkit-transition: all 0s ease-out;
-o-transition: all 0s ease-out;
transition: all 0s ease-out;
height:0 !important;
display: none;
}
Bootply链接(带延迟):https://www.bootply.com/9dFOT7Q2Ct
我在Codepen上做了同样的事情,那里它可以正常工作 - 它甚至不会向#navbarNav添加内联样式,所以可能是一个jquery问题(我正在使用推荐的jquery-3.2.1)
Codepen链接(出于某种原因没有延迟):https://codepen.io/janheder/pen/rGLJLb