I have a DIV element that needs to fill the entire screen until the user scrolls and reveals the content. So essentially remain at the viewports height.

Here is what I did and it works, but it's only compatible with newer browsers.

HTML Code:
.section-full {   height:100vh;   min-height:100vh;  }

Is there a way to do this that has a bit more compatibility? How can I do this with javscript?

I tried the absolute css method with height and width set to 100%, however, the content below then overlaps.

Any help would be appreciated!!