OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style type="text/css"> | 4 <style type="text/css"> |
5 #scrollable { | 5 #unscrollable-y { |
6 width: 10px; | 6 width: 10px; |
7 height: 10px; | 7 height: 10px; |
8 overflow: scroll; | 8 overflow-y: hidden; |
9 } | |
10 #unscrollable-x { | |
11 width: 10px; | |
12 height: 10px; | |
13 overflow-x: hidden; | |
9 } | 14 } |
10 .content { | 15 .content { |
11 width: 100px; | 16 width: 100px; |
12 height: 1000px; | 17 height: 1000px; |
13 } | 18 } |
14 </style> | 19 </style> |
15 </head> | 20 </head> |
16 | 21 |
17 <body> | 22 <body> |
18 <div id="scrollable"> | 23 <div id="unscrollable-y"> |
24 <div class="content"></div> | |
25 </div> | |
26 <div id="unscrollable-x"> | |
19 <div class="content"></div> | 27 <div class="content"></div> |
20 </div> | 28 </div> |
21 </body> | 29 </body> |
22 </html> | 30 </html> |
OLD | NEW |