当您使用position:fixed顶部导航条时,会出现此问题:由于导航栏不在文档流之外,因此您在其之后放置的初始内容将被导航条本身隐藏。这个小提琴展示了我的解决方案,它使用额外的间隔div和padding-top。
html
<div class="fixednav">some nav stuff</div>
<div class="navspacer"></div>
main content which should not be covered by nav
css
.fixednav { position
我试着用引导带5在粘滞键下面编写一个粘滞条和一个固定导航条。我创建了一个包含粘性导航条代码的navbar文件,以及一个带有固定导航条代码的FixedNav文件,并在我的粘稠导航条组件中引入了固定导航条组件。‘
一开始,固定的肚脐是重叠的粘性,经过研究,我发现设置一个垫子顶部:50 it可以修复它。但是,我注意到解决方案只会使粘性导航条足够长,以显示在固定导航条下面,所以现在固定导航条位于粘性导航条的顶部。我如何使它的粘性肚脐是在固定肚脐顶部?
还有另一个名为LogIn导航条的导航条,它在用户登录后呈现一个新的导航条(如果有人被我引入固定nav组件的三元语句混淆,就不会关注这个问题)。
im
我正在使用 (AngularJS版本),有以下问题。
我试图根据当前路径显示或隐藏导航条。我的第一种方法(控制器作为语法)的问题是,无论当前路径如何,导航条都是隐藏的:
'use strict';
angular.module('inspinia')
.controller('MainController', function ($location) {
// use vm instad of $scope
var vm = this;
// show or hide navbar based on current path