我尝试在导航栏中进行转换。它部分工作。我不知道为什么会这样。
<style>
nav {
transition: all linear 0.5s;
-webkit-transition: all linear 0.5s;
height: 100px;
}
.ng-hide {
height: 0;
}
p {
margin-top:100px;
}
</style>
<body ng-app="myApp">
<nav class="container-fluid navbar navbar-default navbar-fixed-top" role="navigation" ng-hide="myCheck">
<div class="container">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href=""></a>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
</div>
</div>
</nav>
<p>Hide the NAV: <input type="checkbox" ng-model="myCheck"><p>
<script>
var app = angular.module('myApp', ['ngAnimate']);
</script>
</body>
包括bootstrap css,angular和angular-animated libraries。