|
1 <!doctype html> |
|
2 <body style="position: relative;"> |
|
3 <div style="-moz-column-count: 2; height: 300px"> |
|
4 <div id="container" style="height: 600px"> |
|
5 <!-- Make sure the abs-pos div's placeholder is not in the first continuation --> |
|
6 <div style="height: 400px"></div> |
|
7 <div style="position:absolute; top: 0; left: 0"> |
|
8 <textarea rows="6"> |
|
9 You should be seeing the "Should see me" text. |
|
10 a |
|
11 b |
|
12 c |
|
13 d |
|
14 e |
|
15 f |
|
16 g |
|
17 h |
|
18 i |
|
19 j |
|
20 k |
|
21 l |
|
22 m |
|
23 n |
|
24 o |
|
25 p |
|
26 q |
|
27 r |
|
28 s |
|
29 t |
|
30 u |
|
31 Should see me. |
|
32 </textarea> |
|
33 </div> |
|
34 </div> |
|
35 </div> |
|
36 <script> |
|
37 var textarea = document.querySelector("textarea"); |
|
38 textarea.scrollTop = textarea.scrollHeight |
|
39 document.getElementById("container").style.overflow = "hidden"; |
|
40 </script> |
|
41 </body> |