Question

我正在使用bootstrap 3。

<body>
    <div id="site-wrapper">
        <div class="nav-wrapper">
          <nav class="nav-bar" id="nav" role="navigation">
            <ul class="primary-nav">
              <li><a href="#">list all </a></li>
              <li><a href="#">list foo </a></li>
            </ul>
          </nav>
        </div>
        <div id="container">
           <!-- empty and maybe hidden(?) at start -->
        </div>
    </div>
</body>

我想在我的页面中间打开此导航/菜单，当选择一个项目时，整个导航栏应该位于顶部，任何项目的内容应该在<div id="container">

中打开

Answer 1

您可以在menupoints中添加onclick事件。在这个onclick事件中，你调用一个javascript函数，以你想要的方式改变css样式。例如。添加到menupoint点击＆＃34; menu_active＆＃34;上课并隐藏所有其他menupoints ....

Answer 2

您可以尝试this

之类的内容

的jQuery

$('.primary-nav a').click(function(){
  var tabId = $(this).attr('href')
  $('#container > .hideBox').hide();
  $(tabId).slideDown();
  $('#site-wrapper').animate({
    top: 0,
    marginTop: 0
  })
})

单击菜单选项时如何将导航栏推到顶部？

2 个答案: