Bug Tracker

Ticket #3986: test-3986.html

File test-3986.html, 0.9 KB (added by dmethvin, January 25, 2009 07:03PM UTC)

Example of working overflow-x/y using stylesheet 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <script src="jquery-1.3.js"></script>
  
  <script>
  $(document).ready(function(){

  $("#doit").click(
   function(){ $("#mydiv").slideUp(); }
  );
  $("#undoit").click(
   function(){ $("#mydiv").slideDown(); }
  );


  });
  </script>
  <style>

  </style>
</head>
<style>
#mydiv { overflow-x:auto;overflow-y:hidden; }
</style>
<body>

<button id="doit">do it</button>
<button id="undoit">undo it</button>
<br />
<div id="mydiv" style="width: 50px;height:100px;">
Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.
</div> 

</body>
</html>

Download in other formats:

Original Format