search

scotch-io / scotch-panels

jQuery Off Canvas Menus and Panels Plugin
609 stars 98 forks source link

Fullscreen height menu #28

Closed matcygan closed 9 years ago

matcygan commented 9 years ago

If content is lower than viewport there is no good way to fit menu to fullscreen height. forceMinHeight and minHeight does not work for this.

I think it's connected to #26

whatnickcodes commented 9 years ago

So, the overflow is necessary for this method of off canvas. The easiest fix here, would be to take your largest container (which could be the scotch-wrapper) and simple apply:

#my-container {
    min-height: 100vh;
}

You basically just need the container min-height to match the window height. This does it with CSS3, but you could also do it with JS.

whatnickcodes commented 9 years ago

Did this make sense? Reopen if you're still struggling

matcygan commented 9 years ago

Thanks. Actually, it solves this problem. I thought that these css units are much less supported by the browsers. A pleasant surprise :)