Chromium Code Reviews Chromium Code Reviews
Issue 2394913003:
Fixed pos objects are offset from the top of the page in paged media (Closed)
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 #myheader | |
| 4 { | |
| 5 position: fixed; | |
| 6 top: 20px; | |
| 7 } | |
| 8 </style> | |
| 9 <script> | |
| 10 function runTest() | |
| 11 { | |
| 12 // Turn off smooth scrolling to prevent multiple scroll events from | |
| 13 // being triggered. The iframe loaded below expects a single scroll | |
| 14 // event, after which it runs the repaint test. | |
| 15 internals.settings.setScrollAnimatorEnabled(false); | |
| 16 if (window.eventSender) { | |
| 17 window.eventSender.keyDown("PageDown"); | |
|
Xianzhu
2016/10/06 22:40:42
I think you can use window.scrollBy() to replace l
| |
| 18 } | |
| 19 if (window.testRunner) | |
| 20 testRunner.setPrinting(); | |
| 21 } | |
| 22 </script> | |
| 23 <body onload="runTest()"> | |
| 24 <div id="myheader"> | |
| 25 <div align="center"> | |
| 26 crbug.com/652449: Fixed-position object should be repeated on each p age and positioned relative to top of page even when scrolled. | |
| 27 <hr/> | |
| 28 </div> | |
| 29 </div> | |
| 30 <p>Filler lines</p> | |
| 31 <p>Filler lines</p> | |
| 32 <p>Filler lines</p> | |
| 33 <p>Filler lines</p> | |
| 34 <p>Filler lines</p> | |
| 35 <p>Filler lines</p> | |
| 36 <p>Filler lines</p> | |
| 37 <p>Filler lines</p> | |
| 38 <p>Filler lines</p> | |
| 39 <p>Filler lines</p> | |
| 40 <p>Filler lines</p> | |
| 41 <p>Filler lines</p> | |
| 42 <p>Filler lines</p> | |
| 43 <p>Filler lines</p> | |
| 44 <p>Filler lines</p> | |
| 45 <p>Filler lines</p> | |
| 46 <p>Filler lines</p> | |
| 47 <p>Filler lines</p> | |
| 48 <p>Filler lines</p> | |
| 49 <p>Filler lines</p> | |
| 50 <p>Filler lines</p> | |
| 51 <p>Filler lines</p> | |
| 52 <p>Filler lines</p> | |
| 53 <p>Filler lines</p> | |
| 54 <p>Filler lines</p> | |
| 55 <p>Filler lines</p> | |
| 56 <p>Filler lines</p> | |
| 57 <p>Filler lines</p> | |
| 58 <p>Filler lines</p> | |
| 59 <p>Filler lines</p> | |
| 60 <p>Filler lines</p> | |
| 61 <p>Filler lines</p> | |
| 62 <p>Filler lines</p> | |
| 63 <p>Filler lines</p> | |
| 64 <p>Filler lines</p> | |
| 65 <p>Filler lines</p> | |
| 66 <p>Filler lines</p> | |
| 67 <p>Filler lines</p> | |
| 68 <p>Filler lines</p> | |
| 69 <p>Filler lines</p> | |
| 70 <p>Filler lines</p> | |
| 71 <p>Filler lines</p> | |
| 72 <p>Filler lines</p> | |
| 73 <p>Filler lines</p> | |
| 74 <p>Filler lines</p> | |
| 75 <p>Filler lines</p> | |
| 76 <p>Filler lines</p> | |
| 77 <p>Filler lines</p> | |
| 78 <p>Filler lines</p> | |
| 79 <p>Filler lines</p> | |
| 80 <p>Filler lines</p> | |
| 81 <p>Filler lines</p> | |
| 82 <p>Filler lines</p> | |
| 83 <p>Filler lines</p> | |
| 84 <p>Filler lines</p> | |
| 85 <p>Filler lines</p> | |
| 86 <p>Filler lines</p> | |
| 87 <p>Filler lines</p> | |
| 88 <p>Filler lines</p> | |
| 89 <p>Filler lines</p> | |
| 90 <p>Filler lines</p> | |
| 91 <p>Filler lines</p> | |
| 92 <p>Filler lines</p> | |
| 93 <p>Filler lines</p> | |
| 94 <p>Filler lines</p> | |
| 95 <p>Filler lines</p> | |
| 96 <p>Filler lines</p> | |
| 97 <p>Filler lines</p> | |
| 98 <p>Filler lines</p> | |
| 99 <p>Filler lines</p> | |
| 100 <p>Filler lines</p> | |
| 101 <p>Filler lines</p> | |
| 102 <p>Filler lines</p> | |
| 103 <p>Filler lines</p> | |
| 104 </body> | |
| OLD | NEW |
