2016-01-21 6 views
1

У меня проблема с приманкой Magellan в Zurb Foundation. У меня есть форма, в которой пользователи могут добавлять столько элементов, сколько им нужно, что увеличивает высоту HTML и div. Липкий навигатор работает нормально, пока контент не будет добавлен на страницу, после чего липкий навигатор перестанет быть липким на исходной высоте страницы (он думает, что он нажимает нижний колонтитул/снизу). Если я изменил размер браузера после добавления контента, липкий навигатор снова встанет на место и будет использовать новые высоты, чтобы определить, когда остановиться. Есть ли способ, с помощью которого я могу запустить это, чтобы при добавлении нового контента на страницу липкий навигатор приспособился к новым высотам?Zurb Foundation Magellan Прикрепленное изображение и добавление содержимого страницы (увеличение высоты)

Пример Здесь навигация (слева и справа) прилипает правильно. enter image description here

После того как я добавить «Performance о взаимопонимании» и, таким образом, увеличить высоту DIV/страницы, СЧ не липнет больше при прокрутке и вместо остановки, где сноска/низ раньше, так как он не работает по принципу обновленная высота страницы. enter image description here

+0

Вы называете это после добавления нового контента ?: '$ (документ) .foundation («Магеллан-экспедиция»,«переформатирования»);' – Yass

+0

Ничего себе, не знаю, как я пропустил, что один в документы. Спасибо, что указали это. Несмотря на это, я получаю следующую ошибку при попытке называть это: «Uncaught ReferenceError: Извините,« magellan-exition »не является доступным методом для этого элемента». – mcriecken

+0

Какую версию фундамента вы используете? Свойство можно назвать чем-то другим. – Yass

ответ

2

Я в конечном итоге решить эту проблему, используя в любое время элемент был добавлен к моей странице следующий код:

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

Это пересчитывает все точки прокрутки для всех липких элементов странице.

Via comments here

+0

Любая идея, почему фонд сказал бы: «Извините,« _calc »не доступен для этого элемента»? http://stackoverflow.com/questions/36409146/foundation-6-sticky-calc-is-not-an-available-method-for-this-element –

 Смежные вопросы

  • Нет связанных вопросов^_^