css - Scrollable nav that is 100% div height -


I am using bootstrap and I have a span2 on the left side of a page which is used as a nav There is a list of items within that NAV I think that would like to scroll the NAV I would prefer that shipping also to take the rest of that page.

I do not want to fully navigate that I want it to be a span 2 (as it is) width of the page when the width of the screen decreases.

  & lt; Div class = "row-fluid" & gt; & Lt; Div class = "span12" style = "height: 150px;" & Gt; Some top-level content & lt; / Div & gt; & Lt; Div class = "line-fluid" & gt; & Lt; Div class = "span2" & gt; Here my nav & lt; Div id = "navigation" category = "scroll" & gt; & Lt; Div id = "menu" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Link & lt; / A & gt; & Lt; / Li & gt; * {Margin: 0 px; Padding: 0 pixels; } Html, body {width: 100%; Height: 100%; Font-family: Arimo, without-serif; } A {color: #fff; } .scroll {overflow-y: scroll; Height: 100 VH; }  

Enter image details here

Is CSS a way to capture a device at the rest of the page, and then scroll it in?

There is a bela to try to solve this problem better and understand better. You will see that the page scrolls with NAV. I need to scroll only.

Try:

Height: Calc ( 100% - XXpx);

When XX is the height of other elements of the page.


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -