0

简单的问题,有人帮忙吗?对此感到困惑。

有问题的导航栏在页面加载时被隐藏,并在表单提交后与所有内容一起显示。

这是导航栏代码:

<div class="navbar" id="mainnav">
<navbar inner code><ul><li's></li's></ul></navbarcode></div>

<div id="contentwrap" class="row" data-spy="scroll" data-target="#mainnav">
Content with all the anchors
</div>

它不会将自己附加到屏幕上,也不会在我滚动或其他任何内容时监视内容。

不太确定。我正在使用引导程序,因此包含所有相关文件。我已经逐字复制了多个示例,但无法正常工作。

这是一个带有完整代码的 jsfiddle:http: //jsfiddle.net/ccRnM/7/

注意:此导航栏不在页面顶部,有一个图像设置在其上方,我希望能够滚动到页面内容并让导航栏保持不变,就像他们在示例中所做的那样在引导站点上。

想法?

4

1 回答 1

3

这是执行此操作的一种方法。 http://jsfiddle.net/panchroma/8jPNm/

我没有通过javascript使用scrollspy

<div class="navbar" id="mainnav" data-spy="affix" data-offset-top="85">

85 是在贴上导航栏之前屏幕需要滚动的距离,所以玩这个。

我还添加了一些 CSS 来定位导航栏,并将 bootstrap.min.js 添加到页面资源中。

祝你好运!

于 2012-12-29T17:56:53.437 回答