我试过class=navbar navbar-default navbar-fixed-top
但没有发生。我想我无法找到完美的课程。或者是否有任何js或jq代码可以提供帮助。请帮我解决一下这个。提前致谢。
我的代码标题代码是
<header class="header-wrapper home-opocity">
<div class="header-aligner">
<div class="header-inner">
<div class="header-top-total">
<div class="menu-header-top-small-menu-container">
<ul id="menu-header-top-small-menu" class="menu">
<li id="menu-item-397" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-397"><a href="##">Blog</a></li>
<li id="menu-item-398" class="menu-item menu-
item-type-post_type menu-item-object-page menu-
item-398"><a href="##">Request A Quote</a></li>
<li id="menu-item-399" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-399"><a href="##">Careers</a></li>
</ul>
</div>
</div>
<div class="header-bottom-total">
<div class="logo-container">
<a href="" rel="nofollow">
<img src="resource/images/prominute.png"
height="55" alt="">
</a>
</div>
<div class="menu-wrapper">
<div class="rmm">
<ul id="menu-header_menu" class="menu">
<li id="menu-item-314" class="menu-item menu-
item-type-custom menu-item-object-custom
current-menu-item current_page_item menu-
item-home menu-item-314"><a
href="index.php">Home</a></li>
<li id="menu-item-168" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-168"><a
href="#service">Services</a></li>
<li id="menu-item-166" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-166"><a
href="#protfolio">Portfolio</a></li>
<li id="menu-item-177" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-177"><a
href="#pricing">Pricing</a></li>
<li id="menu-item-177" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-177"><a href="#team">Our Team</a>
</li>
<li id="menu-item-177" class="menu-item menu-
item-type-post_type menu-item-object-page
menu-item-177"><a href="#contact">Contact
Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
如何通过滚动让我的nev栏保持固定在顶部?
答案 0 :(得分:0)
你可以试试这个,
false
或使用jquery / css
.navbar {
position: fixed;
width: 100%;
top: 0;
}
希望这会对你有所帮助。