Статус липкого переключателя Zurb Foundation 6 в конце высоты области просмотра .is-anchored .is-at-bottom

Попытка создать меню, которое постоянно висит в верхней части сайта. Следовал документам zurb.foundation, но .sticky всегда ведет себя одинаково неожиданно. Или может я чего-то не понимаю?

Пожалуйста, проверьте реконструкцию здесь: http://codepen.io/mister-hansen/pen/wMgrPm

Если сайт прокручивается вниз и достигает точно высоты начальной области просмотра, плагин sticky меняет элемент .sticky с is-stuck is-at-top на: .is-anchored .is-at-bottom, поэтому .sticky исчезает.

Спасибо.

ОБНОВЛЕНИЕ Первая часть документации: Foundation.zurb.com/sites/docs/sticky.html объясняет описанное поведение. Из-за того, что по умолчанию body { height: 100% } css, тело интерпретируется точно с макс. высота видового экрана.

Итак, в моем случае решение: а) переопределить высоту тела с помощью авто. Но лучше б) Просто избегайте использования липких функций для предполагаемого фиксированного заголовка.


html css sticky zurb-foundation zurb-foundation-6
person Herr_Hansen    schedule 03.01.2016    source источник
comment
Какую версию Foundation 6 вы используете?   -  person Colin Marshall    schedule 05.01.2016
comment
Создан с помощью Yeti Launch, для сайтов — Basic. В файле ознакомительных сведений говорится: # Foundation for Sites (v6.0)   -  person Herr_Hansen    schedule 06.01.2016
comment
Обновите Foundation до версии 6.1.1 и повторите попытку. Начиная с 6.0, было реализовано множество исправлений. Для обновления перейдите в корневой каталог вашего проекта и запустите bower update.   -  person Colin Marshall    schedule 08.01.2016
comment
Кажется, это не ошибка. Кажется, это концептуальное мышление. Часть документации: foundation.zurb.com/sites/docs/sticky. html выглядит так, как будто описанное мной поведение предусмотрено фондом. Из-за body { height: 100% } css по умолчанию тело интерпретируется точно с макс. высота видового экрана.   -  person Herr_Hansen    schedule 08.01.2016
comment
Это ошибка, см. примечания к выпуску 6.1.1. Исправлена ​​проблема с Sticky, из-за которой вызов data-sticky без опорных точек приводил к тому, что он оставался закрепленным только для высоты представления, а не для высоты документа.   -  person Colin Marshall    schedule 08.01.2016
comment
Спасибо, но теперь с базой 6.1.1. проблема все еще существует. Очень разочаровывающий шаг в основу. Думаю, я буду использовать другие фреймворки для меньшей борьбы с обычными мыслями, такими как липкая панель навигации.   -  person Herr_Hansen    schedule 09.01.2016
comment
Вместо того, чтобы отказываться от Foundation, откройте вопрос на Github. Они довольно быстро чинят вещи.   -  person Colin Marshall    schedule 12.01.2016
comment
Это уже работает правильно в 6.2.4? Я все еще, кажется, получаю эту проблему в 6.2.3.   -  person gla3dr    schedule 23.11.2016

Ответы (1)


arrow_upward
7
arrow_downward

Я установил для параметра проверки данных каждый плагин значение 0, чтобы пересчитывать каждое событие прокрутки. Теперь высота окна просмотра вычисляется снова, когда контент загружается динамически, например, когда используется бесконечная прокрутка.

person cometton    schedule 14.09.2016
comment
Я столкнулся с аналогичной проблемой с бесконечно прокручиваемым списком. Установка атрибута data-check-every=0, похоже, устранила проблему. foundation.zurb.com/sites/docs/ - person mpwhitt; 25.04.2017