Zurb Foundation Magellan Sticky 和添加页面内容(增加高度)

Zurb Foundation Magellan Sticky and adding page content (increasing height)

我在使用 Zurb Foundation 中的 Magellan 粘滞导航时遇到问题。我有一个表单,用户可以根据需要添加尽可能多的元素,这会增加 HTML 和 div 的高度。在将内容添加到页面之前,粘性导航可以正常工作,此时粘性导航将不再粘在原始页面高度(它认为它达到了 footer/bottom)。如果我在添加内容后调整浏览器大小,粘性导航将弹回原位并使用新的高度来确定何时停止。有什么方法可以触发此操作,以便在将新内容添加到页面时,粘性导航会调整到新的高度?

例子 这是正确固定的导航(左右)。

在我添加 "Performance of Understanding" 并因此增加 div/page 高度后,导航在滚动时不再停留,而是停在 footer/bottom 曾经所在的位置,因为它不是处理更新的页面高度。

每当向我的页面添加元素时,我最终使用以下代码解决了这个问题:

$(".sticky").foundation("_calc", true);

这会重新计算页面中所有粘性元素的所有滚动点。

通过comments here