OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 .fixed { | |
4 position: fixed; | |
5 } | |
6 | |
7 .composited { | |
8 /* Force compositing without creating a stacking context */ | |
9 backface-visibility: hidden; | |
10 } | |
11 | |
12 .spacer { | |
13 height: 2000px; | |
14 } | |
15 | |
16 .container { | |
17 width: 500px; | |
18 height: 500px; | |
19 overflow: scroll; | |
20 } | |
21 </style> | |
22 | |
23 <div class="composited fixed"> | |
24 There are two lines below: | |
25 <div class="composited container"> | |
flackr
2017/05/17 19:44:03
No need to separately composite anything for the e
yigu
2017/05/17 20:28:14
Right. We only need to composite the outer div for
| |
26 <div> | |
27 First line. <br> | |
28 Second line. | |
29 </div> | |
30 <div class="spacer"></div> | |
31 </div> | |
32 </div> | |
OLD | NEW |