Фонд 3 - выпадающее меню выталкивает страницу вниз, как это предотвратить?

Question

Я создаю отзывчивый сайт, используя Foundation 3, и у меня есть раскрывающееся меню, которое при меньших размерах экрана толкает контент, а не накладывает содержимое ниже. Я не уверен, почему это происходит или что я мог сделать для этого.

Этот сайт является here. Есть пара других проблем с сайтом, но это тот, который заставил меня действительно запутаться.

Каков наилучший способ исправить это, поэтому выпадающее меню не отбрасывает остальную часть контента?

Answer 1

Не уверен, что вы искали решение, специфичное для вашего фреймворка, но вот изменения, которые я сделал для выполнения ваших запросов.

.nav-bar.right { 
    position:absolute; 
    z-index:100; 
    background-color:#fff; 
    top:5px; 
    border:2px solid #ccc; 
    border-top-width:0px; 
} 

.top-bar.expanded { 
    overflow:visible; 
} 

Кажется, что это работает очень хорошо (я тестировал только в Chrome 26). Не стесняйтесь настраивать, как вам нужно!

Answer 2

Просто добавьте:

<nav class="top-bar" data-options="scrolltop: false"> 

или при инициализации:

$(document).foundation('topbar', {scrolltop: false}); 

Чтобы остановить все эти ужасные прыжки

Answer 3

фундаментных 5 я только что создал этот хак для себя фигурный акция идентификатора этого.

.top-bar.expanded { 
    overflow:visible; 
} 
.top-bar-section ul { 
    position: absolute; 
    right: 0; 
}