How do I handle using getBoundingClientRect to tell if in viewport when using something other than 100% height?

Question

I have the following code...

#header{
    height:64px;
    width:100%;
    background-color: #bb0000;
}
#wrapper{
    height:calc( 100% - 64px );
    /*height