OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Dynamically remove paged overflow on a DIV element</title> | 4 <title>Dynamically remove paged overflow on a DIV element</title> |
5 <script> | 5 <script> |
6 function test() { | 6 function test() { |
7 document.body.offsetTop; // trigger layout | 7 document.body.offsetTop; // trigger layout |
8 document.getElementById('elm').style.overflow = 'visible'; | 8 document.getElementById('elm').style.overflow = 'visible'; |
9 } | 9 } |
10 </script> | 10 </script> |
11 </head> | 11 </head> |
12 <body onload="test()"> | 12 <body onload="test()"> |
13 <div id="elm" style="width:30em; height:10em; overflow:-webkit-paged-x;
overflow:paged-x;"> | 13 <div id="elm" style="width:30em; height:10em; overflow:-webkit-paged-x;
overflow:paged-x;"> |
14 The word 'PASS' should be seen below. | 14 The word 'PASS' should be seen below. |
15 <div style="margin-top:10em;">PASS</div> | 15 <div style="margin-top:10em;">PASS</div> |
16 </div> | 16 </div> |
17 </body> | 17 </body> |
18 </html> | 18 </html> |
OLD | NEW |