2012-05-15 65 views
3

Hi im在基础框架内使用Bootstrap Scrollspy。Bootstrap Scrollspy奇怪的作品

到目前为止,我设法让scrollspy工作,但不喜欢它应该。

scrollspy正确更改navi的状态,但不完全在指定的div上。

第一个div容器,其中scrollspy应该改变导航工作得很好,但是随后对下面容器的偏移增加,并且在最后scrollspy改变它在nomansland的状态而不是在div的顶部。

当该网站加载滚动显示最后一个导航条目,而不是第一个?

我想这是基于百分比的布局。你怎么看?

你可以在这里找到开发页面:

http://dekonstruktiv.ch/static_sheggendorn/

谢了任何帮助

+0

问题解决了吗?该页面对我来说确实很好。 –

+0

链接到开发页面已损坏。 – August

回答

5

它看起来像有被添加到页面scrollspy被初始化后的一些元素。加载所有内容后,您将需要调用刷新。

$('[data-spy="scroll"]').each(function() { 
    var $spy = $(this).scrollspy('refresh') 
}); 
+0

嗯。我必须把这个刷新片段放在哪里?我把它放在滚动的电话之前。但没有任何反应。 – Seppentoni

+1

它应该在滚动电话后进行。或者更好的是,如果其他插件在页面上加载内容,则可以在加载内容后将其放入回调函数中。 –

+1

我找到了解决方案:我从bootstrap文档与''从示例页面。这不会让jQuery非常高兴。现在它运作良好。感谢@HaiNguyen的建议。 – Seppentoni