x_bei zu klein viewport fixed in absolute

by Cheffchen

HTML

<div id="menu-col">aa<br>bbb<br>aa<br>aa<br>aa<br>ffff<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aaaa<br>aa<br></div>
    
     123321<br>12332148565<br>123321<br>123321<br>1231<br>123321<br>123321<br>1296341<br>121<br>123321<br>123321<br>12381<br>123321<br>123321<br>123321<br>123321<br>123321<br>121<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>123321<br>

CSS

#menu-col {
    background-color: red;
    position: fixed;
    right: 0;
    top: 0;
    width: 100px;
}
.klein{position: absolute !important;}

JavaScript

$(function() { 
   $(window).scroll(function() {        
       var fenter = $(window).height();
       var men = $('#menu-col').height();  
       
       if(fenter<men){
           $('#menu-col').addClass('klein')
       }else{
           $('#menu-col').removeClass('klein')
       }       
    });              
});