Bootstrap твиттер 3 - боковая панель фиксируется не прокручивается

Question

Demo: http://demo.webtemplum.com

Попробуйте изменить размер на минимально возможные ваши окна, ширину и высоту. Попробуйте также с «демонстрационной страницей flickr», чтобы иметь главное окно как можно больше.

Вы заметите, что боковая панель (свернуть на маленьком экране, но снова открывается кнопкой) не прокручивается со страницей. Кроме того, под этим div (# sidebar-wrapper) с высотой 100% при прокрутке вы увидите белый цвет страницы.

Как я могу решить эти проблемы? Большое спасибо

EDIT: Посмотрите на изображение:

1) Черный прямоугольник: когда верхняя боковая панель прокрутки, он оставляет белую страницу 2) Красный прямоугольник: когда боковая панель длиннее, чем окна, просто его «закрыто», вы не можете нажать на другое меню

Спасибо!

Answer 1

#sidebar-wrapper { 
    z-index: 1000; 
    position: absolute; 
    left: 150px; 
    width: 0; 
    height: 100%; 
    margin-left: -150px; 
    overflow-y: auto; 
    background: #000; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
} 

Сделать позицию: абсолютная, которая решит проблему для области черного прямоугольника.