bootstrap scrollspy does not t

我是begginer with bootstrap。我試圖在我的頁面上創建ScrollSpy Bootstrap，但它不起作用。無論我做什麼都不能正常工作，我不知道爲什麼？有人可以看我的代碼，並告訴什麼是錯的。那就是：bootstrap scrollspy does not t

<meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

    <link rel="stylesheet" type="text/css" href="css/style.css"> 

    <style> 
    #top-center-photo{ 
     width: 100%; 
     height: 500px; 
     background-color: red; 
    } 

    #aboutus-content{ 
     width: 100%; 
     height: 500px; 
     background-color: green; 
    } 

    #offert{ 
     width: 100%; 
     height: 500px; 
     background-color: yellow; 
    } 
    </style> 

</head> 
<body data-spy="scroll" data-target=".navbar"> 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#top-center-photo">o nas</a></li> 
      <li><a href="#aboutus-content">oferta</a></li> 
      <li><a href="#offert">realizacje</a></li> 
     </ul> 
    </div> 
</nav> 
<div id="top-center-photo"> 
</div> 

<div id="aboutus-content"> 
</div> 

<div id="offert"> 
</div> 

<div id="realizacje"> 
</div>

來源

2016-02-26 dendi181

你能說清楚嗎？ – Gopalakrishnan

嗨dendi，我在瀏覽器中檢查了你的代碼，它的工作正常..你想要什麼.. –

唯一的問題是，你有沒有鏈接的js文件正確

把這段代碼上面</body>標籤

<!-- Latest compiled and minified JavaScript --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

這是您的滾動間諜：Demo工作正常

您的代碼沒有錯誤...其工作正常:)

來源

2016-02-26 10:50:32 Sykox

bootstrap scrollspy does not t

回答

相關問題