функция Zurb Foundation Sticky не отвечает

Question

Я пытаюсь реализовать функцию липкий, как подробно описано здесь: http://foundation.zurb.com/sites/docs/sticky.html

Я добавил необходимые атрибуты в соответствии с инструкциями. Мой HTML-код:

<div class="columns medium-4 medium-push-8" data-sticky-container> 
    <div class="sticky" data-sticky data-margin-top="0" > 
    <!--content--> 
    </div> 
</div> 

и я обеспечил работу библиотеки JavaScript Zurb.

Когда я просматриваю страницу, элементы отображаются в порядке и порядке, но функция Sticky просто не работает.

Кто-нибудь знает, что я делаю неправильно?

Answer 1

Ваш код работает для меня. Я знаю, что вы упомянули, что «JavaScript-библиотека Zurb работает». Но есть ли у вас полный набор базовых библиотек, включенных в него или это пользовательская сборка? Вы должны быть уверены, что следующее включено:

• foundation.sticky.js
• foundation.core.js
• foundation.util.triggers.js
• foundation.util.mediaQuery.js
• фундаментный липкий Mixin

Answer 2

Этот фрагмент кода прямо из 6.3 Docs работает для меня.

<div class="columns small-6 right" data-sticky-container> 
    <div class="sticky" data-sticky data-margin-top="0"> 
    <img class="thumbnail" src="assets/img/generic/rectangle-3.jpg"> 
    <!-- This sticky element would stick to the window, with a marginTop of 0 --> 
    </div> 
</div> 

Если это не работает для вас, это, вероятно, потому, что вы не включили правильный javascript. В большинстве случаев использование мини-foundation.min.js экономит массу проблем, так как включает в себя все плагины.