Каркас фундамента | Липкий Див?

Возможно ли, используя Foundation Framework, сделать прокручиваемый липкий div как это (StickyScroll)?

Например:

<div class="row">
  <div class="eight columns">
    Very long content here
  </div>
  <div class="four columns">
    Small but SCROLLABLE CONTENT here
  </div>
</div>

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

Заранее спасибо.


frameworks sticky zurb-foundation
person Nalyk Calmis    schedule 17.12.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Foundation поддерживает несколько типов липкой навигации. Если вы ищете реализацию типа панели навигации, ознакомьтесь с документацией по их модулю верхней панели (документация и пример по адресу: http://foundation.zurb.com/docs/components/topbar.html)

Вы можете реализовать липкую панель навигации в основе, обернув обычный модуль верхней панели следующим образом:

<div class="contain-to-grid sticky">
    <nav class="top-bar" data-topbar>
        YOUR NAVBAR MARKUP HERE
    </nav>
</div>

Если вы ищете липкую навигацию, которая менее вездесуща, чем верхняя панель, вы также можете использовать их плагин Magellan (документы и пример по адресу: http://foundation.zurb.com/docs/components/magellan)..html)

person nerdgrass    schedule 03.03.2014