'overflow' Example : overflow « CSS Attributes and Javascript Style Properties « HTML CSS Reference






  1. HTML CSS Reference
  2. CSS Attributes and Javascript Style Properties
  3. overflow

'overflow' Example

    
<html>
<script language="JavaScript">
function function1(){
    if(myBody.style.overflow=="auto"){
       myBody.style.overflow="scroll";
       myButton.value="Set overflow to hidden.";
       results.innerText="overflow is set to scroll.";
       return false;
    }
    if (myBody.style.overflow=="scroll"){
       myBody.style.overflow="hidden";
       myButton.value="Set overflow to auto";
       results.innerText="overflow is set to hidden.";
       return false;
    }
    if(myBody.style.overflow=="hidden"){
       myBody.style.overflow="auto";
       myButton.value="Set overflow to scroll";
       results.innerText="overflow is set to auto.";
       return false;
    } 
} 
</script>
<body id="myBody" bottommargin="250" style="overflow:auto">
<div id="results" style="color:red">overflow is set to auto.</div>
<br>
<input id=myButton type=button value="Set overflow to scroll" onclick="function1();">
</body>
</html>








Related examples in the same category

1.'overflow' Syntax and Note
2.'overflow' Possible Values
3.'overflow' is applied to