1504233-1-ref.html (805B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Testcase for bug 1504233</title> 6 <style type="text/css"> 7 body { 8 margin: 0 0; 9 } 10 11 #wrapper { 12 display: flex; 13 flex-direction: column; 14 position: absolute; 15 width: 100%; 16 height: 100%; 17 } 18 19 #header { 20 background: green; 21 flex: 0 0 200px; 22 } 23 24 #container { 25 overflow: scroll; 26 will-change: transform; 27 flex: 0 1 auto; 28 scrollbar-width: none; 29 } 30 31 #bg { 32 background: green; 33 height: 1700px; 34 } 35 </style> 36 </head> 37 <body> 38 <div id="wrapper"> 39 <div id="header"></div> 40 <div id="container"> 41 <div id="bg"></div> 42 </div> 43 </div> 44 <script type="text/javascript"> 45 document.getElementById("container").scrollTop = 200; 46 </script> 47 </body> 48 </html>