Side navigation
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
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>