Пытается использовать bootstrap navbar brand и scrollTop()

Question

Я пытаюсь создать сайт с одной страницей, используя bootstrap и jQuery. Я сделал так, что каждый раз, когда вы нажимаете на один из <li>'s, он загружает контент, центрирует страницу по вертикали, используя функцию scrollTop(). Но это не работает с брендом navbar. Я пробовал все с половиной.

Semi соответствующие 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 как класс в вашем классе navbar не является классом начальной загрузки. Не уверен, что это класс, который вы создали, но это может быть частью вашей проблемы.