CSS: Pasek boczny 100% wysokość bez przewijania

Question

Chcę, aby pasek boczny, który ma pełną wysokość ekranu i nie zmienia się podczas przewijania w dół.

Kiedy przewijam tylko zawartość zmienia się, ale pasek nawigacji pozostaje zawsze taki sam.

zrobiłem pierwszy przykład: http://jsfiddle.net/CwSD6/

ale funkcjonalność żaden przewijania brakuje ...

Pozdrowienia

EDIT: Trzeba użyć position: fixed i górny, dolny , w lewo z wartością 0. http://jsfiddle.net/CwSD6/1/

Answer 1

można to zrobić wykonując position: fixed; w <aside>

zobaczyć ten skrzypce jsfiddle

Answer 2

Spróbuj tego:

aside 
{ 
    position: fixed; 
    width: 200px; 
    height: 100%; 
    top: 0; 
    left: 0; 
    border: 1px solid #111; 
} 

Nadzieja to pomaga

Answer 3

używam metody jQuery, jak za pomocą stałych lub bezwzględne zazwyczaj śruby z moim układzie siatki. W poniższym przykładzie moja siatka zwija się, gdy ma szerokość poniżej 990 pikseli, więc trzeba to zmienić, zakładając, że reagujesz.

$(window).resize(function() { 
    var doc_height = $(document).height(); 
    var doc_width = $(document).width() 
    if (doc_width > 990) { 
     $('#sidebar').css("height", doc_height); 
    } else { 
     $('#sidebar').css("height", 'auto'); 
    } 
}); 

Chociaż może nie być to najbardziej efektywny sposób, nie trzeba ustawiać zmiennych. Uważam, że pomaga to w czytelności.

poważaniem, M