Bug Tracker

Ticket #3986: test-3986.html

File test-3986.html, 893 bytes (added by dmethvin, 5 years ago)

Example of working overflow-x/y using stylesheet

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3<head>
4  <script src="jquery-1.3.js"></script>
5 
6  <script>
7  $(document).ready(function(){
8
9  $("#doit").click(
10   function(){ $("#mydiv").slideUp(); }
11  );
12  $("#undoit").click(
13   function(){ $("#mydiv").slideDown(); }
14  );
15
16
17  });
18  </script>
19  <style>
20
21  </style>
22</head>
23<style>
24#mydiv { overflow-x:auto;overflow-y:hidden; }
25</style>
26<body>
27
28<button id="doit">do it</button>
29<button id="undoit">undo it</button>
30<br />
31<div id="mydiv" style="width: 50px;height:100px;">
32Four 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.
33</div> 
34
35</body>
36</html>