<!DOCTYPE html> <html class="reftest-wait"> <head> <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> <link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/"> <script src="/common/reftest-wait.js"></script> </head> <style> #outer { overflow: hidden; width: 500px; height: 500px; } #inner { overflow: auto; position: relative; width: 500px; height: 2000px; } p { font: 48pt monospace; } </style> </head> <body> <div id="outer"> <div id="inner"> <p>Anchor</p> </div> </div> <script> const outer = document.querySelector("#outer"); const inner = document.querySelector("#inner"); onload = () => { requestAnimationFrame(() => { requestAnimationFrame(() => { outer.scrollTo(0, 70); takeScreenshot(); }); }); }; </script>