[英]Why my transition doesn't work on bootstrap nav?
为什么我的 class 切换是严格的,没有任何过渡效果,即使我添加了过渡:0.5s? 它在我的引导程序网站上不起作用。 每当我尝试在 jsfiddle 站点上的自定义 div 上对其进行测试时,它都可以正常工作。 https://jsfiddle.net/dawid1798/5goyjwx0/3/
window.addEventListener('scroll', function() {
var header = document.getElementById("navbar");
header.classList.toggle("fixednav", window.scrollY > 100);
});
.fixednav {
transition: 0.5s;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999;
}
当 nav 失去 class.fixednav 时,它也失去了转换属性。
把它放在.nav:
.nav {
width: 100%;
height: 250px;
background: red;
transition: 0.5s;
}
还要检查引导程序是否已加载到项目中,并且您没有使用 css 禁用转换。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.