文章/答案/技术大牛

发布

社区首页 >问答首页 >Bootstrap 3 scroll spy

问Bootstrap 3 scroll spy
EN

Stack Overflow用户

提问于 2013-12-12 08:13:33

回答 1查看 764关注 0票数 0

嗨，我正在尝试让滚动间谍在我的导航中工作，但它不是我的网站的链接：http://www.saracook.coffeecup.com

下面是我是如何实现它的：

 <body class="body" data-spy="scroll" data-target=".navbar-collapse collapse">
 <div class="main">
 <!--HOMEPAGE-->
 <section id="home_page">
 <div class="home_page">

<!--NAVBAR-->

   <div class="navbar-wrapper">
    <div class="container">
     <div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#home_page">Home</a></li>
            <li><a href="#about_page">About</a></li>
            <li><a href="#portfolio_page">Portfolio</a></li>
            <li><a href="#contact_page">Contact</a></li>
           </ul>
        </div>
      </div>
    </div>

  </div>
</div>

css

twitter-bootstrap

scrollspy

javascript

html

回答 1

Stack Overflow用户

发布于 2013-12-12 08:25:17

看起来scrollspy运行得很好，但是prettyPhoto()插件有一些问题。也许你忘了在页面上包含这个插件的javascript。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20532608

复制

相似问题

问Bootstrap 3 scroll spy
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3 scroll spyEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3 scroll spy
EN