删除页面顶部的scrollspy效果

时间:2014-10-07 16:57:54

标签: javascript html css twitter-bootstrap-3 scrollspy

我使用了scrollspy bootstrap效果。以下是http://jsbin.com/huhavejipepi/1/edit?html,css,js

的示例

当用户在页面顶部导航网站时,应禁用滚动效果。但是,正如您可以从该示例中看到的那样,即使主页部分未显示条形顶部的链接似乎处于活动状态。也许这是一个错误?有没有可用的解决方法?

1 个答案:

答案 0 :(得分:1)

我认为你可以做两到三个技巧来避免不理想的行为。其中一个可能是例如:

<ul class="nav navbar-nav">
  <li><a href="#Intro" style="display:none;">Intro</a></li>
  <li><a href="#home">Home</a></li>
  <li><a href="#about">About</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>

如您所见,您可以为第一段添加隐藏链接。点击此处demo查看一个有效的示例。

希望它有用!

相关问题