Основа липкая только на мобильном телефоне

Как я могу иметь липкий элемент с Foundation, который прилипает только к небольшим точкам останова? data-sticky-on="small" работает для маленьких и выше


sticky zurb-foundation-6
person jmontenegro    schedule 12.12.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Для интересующихся. Я нашел это решение при использовании sass.

//Desktop settings
@include breakpoint(medium) {
    //Disable fixed top bar on mobile
    .sticky {
        position: initial !important;
    }
}
person jmontenegro    schedule 13.12.2016
comment
Вы можете заменить position: initial на static, поскольку position: initial не поддерживается некоторыми версиями IE (источник: Начальная позиция). - person Hakim; 04.03.2017
comment
Я бы добавил margin-top: 0 !important, так как верхнее поле было затронуто sticky при прокрутке. - person Hakim; 04.03.2017