Foundation-sites: [Sticky] Липкий элемент теряет высоту при закреплении

Я тоже столкнулся с этим - это может быть ошибка, если я не настроил что-то неправильно. Я исправил это с помощью:

.sticky.is-anchored { bottom: auto !important; }

http://stackoverflow.com/questions/35897558/foundation-6-sticky-menu-left-menu-div-push-up-when-page-is-scrolled-back-to/35926403#35926403

Я решил проблему, установив фон на подэлемент.

<div class="sticky">
    <div style="background-color: blue">...</div>
</div>

Похоже, это вызвано свойством position . Однако этот обходной путь работает отлично.

@iammichiel @lukejoyce спасибо за решения! Проблема, которую я обнаружил с обоими из них, заключалась в том, что липкий элемент с height: auto теряет свою высоту, когда он отклеивается из-за position: absolute .

Если у вас есть минутка, ознакомьтесь с моим PR # 8663, чтобы увидеть визуальный тест, который я добавил, а также новую опцию под названием staticHeight которая помогает при потере высоты липкого элемента. Я, вероятно, попытаюсь реорганизовать его, чтобы в нем не было необходимости, а определение статической / переменной высоты выполнялось автоматически с помощью Sticky. Визуальный тест также находится в ветке разработки, так что вы можете увидеть, как он работает до моего исправления.

Спасибо, парни!