Question

我正在尝试使用bootstrap和jQuery创建单页网站。我已经这样做了，每当你点击其中一个<li>'s时，它就会加载内容，使用scrollTop（）函数垂直居中。但它不适用于导航栏品牌。我已经尝试了一切半。

半相关HTML

 <div class ="scrollUp">
 <!-- if buttonn active -->
  <nav class="navbar navbar-inverse navbar-fixed-top topNavBar">
 <div class="container-fluid">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>

  <a class="navbar-brand" href="#">Brand</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li id="myStory"><a href="#">My Story</a></li>
      <li id="webCoding"><a href="#">Web Coding</a></li>
      <li id="personalTraining"><a href="#">Personal Training</a></li>
      <li id="music"><a href="#">Music</a></li>
    </ul>

jquery的：

$(".navbar-brand").on("click", function(e) {
e.preventDefault();
 eliezerButton();
$(".scrollUp").scrollTop();

Answer 1

使用您提供的代码很难。但是你在导航栏类中使用topNavBar作为类不是引导类。不确定它是否是您创建的类，但这可能是您问题的一部分。

尝试使用bootstrap navbar品牌和scrollTop（）

1 个答案: