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

时间:2016-01-21 17:17:52

标签: zurb-foundation sticky magellan

我在Zurb基金会遇到Magellan粘性导航问题。我有一个表单,用户可以根据需要添加任意数量的元素,这样可以增加HTML和div的高度。粘性导航工作正常,直到内容添加到页面,此时粘性导航将停止在原始页面高度处粘滞(它认为它击中了页脚/底部)。如果我在添加内容后调整浏览器大小,粘性导航将重新捕捉到位并使用新的高度来确定何时停止。有没有办法可以触发这个,这样当新内容添加到页面时,粘性导航将调整到新的高度?

示例 这是导航(左右)坚持正确。 enter image description here

我添加"表现理解"并因此增加div /页面高度,导航在滚动时不再粘住,而是停止在页脚/底部所在的位置,因为它不在更新的页面高度上工作。 enter image description here

1 个答案:

答案 0 :(得分:2)

每当元素添加到我的页面时,我最终都会使用以下代码解决此问题:

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

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

通过comments here