Foundation Sticky не инициализируется должным образом на скрытом div - PullRequest
Новая
       11

Foundation Sticky не инициализируется должным образом на скрытом div

0 голосов
/ 16 октября 2018

ПРЕДПОСЫЛКИ : У меня есть две таблицы вида (сделанные с использованием тегов li) с липкими заголовками.Один начинает скрываться, а другой отображается сразу.Это липкая реализация, которую я использую для них обоих (очевидно, с разными идентификаторами) 

<div id="listContainer">
    <div class="row" data-sticky-container>
        <div id="stickyMenu" class="columns small-12 show-for-medium" data-sticky data-sticky-on="small" data-margin-top="0" data-anchor="listContainer">
            <div class="row">
                <div class="columns small-12">
                    <div style="background-color: #96d1f2; padding: .5rem 1rem">
                        <div class="row text-center">
                            <!-- Header Stuff -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="columns small-12">
            <div style="border: 1px solid #96d1f2;">
                <ul class="no-bullet" id="partList" style="margin: 0;">
                    <!-- List/Table Items -->
                </ul>
            </div>
        </div>
    </div>
<div>

Та, которая скрыта, просто скрыта так же, как jQuery делает это с display: none; в атрибуте style.

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

Таблицы показаны /скрыто с помощью jQuery, когда пользователь выбирает что-то из выпадающего списка - для простоты.Мы можем в конечном итоге использовать радиокнопки или что-то еще, но это то, как оно находится в разработке, а не часть вопроса.

ВОПРОС : Почему это происходит, и как я могу исправитьэто или работа вокруг него?

Вещи, которые я уже пробовал : я уже пытался скрыть это после инициализации липкой части.Например, я попытался скрыть его после загрузки пользовательского javascript для страницы, вместо того, чтобы скрыть его с самого начала.Это все еще не сработало.

...