2016-01-21 55 views
1

我遇到了Zurb基金會的麥哲倫粘性導航問題。我有一個表單,用戶可以根據需要添加儘可能多的元素,這會增加HTML和div的高度。粘性導航工作正常,直到內容被添加到頁面,此時粘性導航將停止粘在原始頁面高度(它認爲它正在打擊頁腳/底部)。如果我在添加內容後重新調整瀏覽器的大小,那麼粘滯的導航將會跳回原位並使用新的高度來確定何時停止。有沒有一種方法可以觸發這種情況,以便在將新內容添加到頁面時,粘性導航將調整到新的高度?Zurb基金會麥哲倫粘貼和添加頁面內容(增加高度)

示例 這裏是nav(左右兩側)粘貼正確。 enter image description here

後,我添加了一個「諒解性能」,從而增加了DIV /頁高度,資產淨值不滾動時堅持了,而是停在腳註/底以前是因爲它是不工作的更新頁面高度。 enter image description here

+0

你增加新的內容?:'$(文件).foundation(「麥哲倫探險」,「迴流」)之後調用此;' – Yass

+0

哇,我不知道如何錯過了一個在文檔。感謝您指出。雖然在嘗試調用時出現以下錯誤:「Uncaught ReferenceError:很抱歉,'magellan-expedition'不是此元素的可用方法。」 – mcriecken

+0

您使用的是哪個版本的基金會?該財產可能被稱爲別的東西。 – Yass

回答

2

最後我用下面的代碼隨時隨地的元素被添加到我的網頁解決這一問題:

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

此重新計算所有滾動點在你的頁面的所有元素粘。

通過comments here

+0

任何想法爲什麼基金會會說「我們很抱歉,_calc'不是一個可用的方法這個元素」? http://stackoverflow.com/questions/36409146/foundation-6-sticky-calc-is-not-an-available-method-for-this-element –