Долгое время плагин Foundation Sticky работал как положено, придерживаясь, когда прокрутка страницы встречалась с верхней частью боковой панели.Теперь, внезапно, он сломан:
https://www.arcresources.com/about-arc/board-of-directors/member-bios
Он скачет один раз, и классы меняются, указывая, что плагин запускает и добавляет верхнее поле, но после этого ничего.
Я пытался закомментировать все другие JS и соответствующие CSS, чтобы посмотреть, не мешает ли что-то, но проблема сохраняется.
Добавление width: 100%
и position: fixed
к даннымSticky Div дает правильные результаты, но это код, который плагин Sticky должен добавлять и удалять, основываясь на моих верхних и нижних привязках.
Код боковой панели:
<div class="grid-container sidebar-nav-wrapper {{ firstSegment }}">
<div class="grid-x grid-margin-x">
<nav data-sticky-container class="show-for-large large-3 large-offset-9 cell sidebar-nav">
<div data-sticky data-top-anchor="main" data-btm-anchor="main:bottom" data-sticky-on="large" data-margin-top="6">
<!-- Sidebar content -->
</div>
</nav>
</div>
</div>