Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        body 
        {
            font: 24px Helvetica;
            background: #999999;
        }
​
        .root
        {  
            border: solid;
            height: 400px;
            width: 400px;
            display: flex;
            column-count: 2;
        }
            
        .rows
        {
            overflow-y: auto;   
        }
​
           
        header, footer 
        {
            min-height: 400px;
            background: #fcfcfc;
            border: blue solid;
        }
      footer 
      {
        display: none;
      }
​
      
    </style>
</head>
<body>
<script>
  function fu(arg){
    var fu = document.getElementById("fu");
    fus = getComputedStyle(fu, '');
    if(fus.display == "none") {
      fu.style.display = "block"
    }else{
      fu.style.display = "none"
    }
  }
  
</script>
    <div class="root">
        <header onclick="fu(this);">Header, we do not know the height  ылопр ылоап лыоварп</header>
        <footer id="fu">Footer, we do not know the height</footer>
    </div>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers