Foundation - Sticky не работает на маленьких экранах

У меня есть липкая навигация, которая работает на всех размерах, и я бы хотел, чтобы при прокрутке под навигацией была рукоятка div (это будут фильтры для фильтрации сообщений на странице).

http://mindtools.io/rob-test-mobile/

Таким образом, "This is STICKY" h1 прилипает к среднему и большому, но не к маленькому. Есть ли что-то очевидное, что мне здесь не хватает? Почему это не прилипает к маленьким размерам?

Спасибо!


person hudsonian    schedule 25.04.2017    source источник


Ответы (2)


по умолчанию data-sticky установлен от среднего вверх. добавьте data-sticky-on="small", чтобы он работал и на небольших устройствах, http://foundation.zurb.com/sites/docs/sticky.html#js-options

person Veerle    schedule 11.09.2017

я имел

data-top-anchor="1" data-options="marginTop:0;stickyOn: small;" 

в моем липком элементе, но он не прилипал к маленькому, а менялся местами:

data-options="anchor: page; marginTop: 0; stickyOn: small;"

получил это работает

person gloomferret    schedule 05.05.2021