Блог

Я использую Foundation 5 Magellan для исправления заголовка в верхней части окна при прокрутке содержимого страницы. Однако я не использую точки прибытия.

Обычно мой HTML выглядит следующим образом:

 <article>
    <header data-magellan-expedition="fixed">
        <h3>title</h3>
    </header>
</article>
  

Но при запуске Magellan исходный код изменяется на:

 <article>
    <header data-magellan-expedition-clone style>
        <h3>title</h3>
    </header>
    <header data-magellan-expedition="fixed" style="position: fixed; top: 0px;">
        <h3>title</h3>
    </header>
</article>
  

Foundation позволяет устанавливать активный класс, но поскольку я не использую точки прибытия, я не могу использовать эту функциональность.

Как мне присвоить классу значение <header data-magellan-expedition="fixed" style="position: fixed; top: 0px;"> только после его запуска?

Или, как я могу вызвать его конкретно в CSS?

Спасибо за вашу помощь.

Кажется, способ сделать это в css:

 header[style="position:fixed;"] { ... }
  

Не думал, что это так просто!