Skip to content
SWR 2.0 is out! Read more →
Docs
Scroll With Dynamic Height

Scroll with dynamic height

Tests whether the scroll position is correctly updated when the page height changes due to dynamic content. This page loads an image file with a 2-second delay, affecting the page height.

Try the right-clicking the Section 2 link in the table of contents to the right, and open the link in a new tab.

In the new tab, after the 2-second delay load of the image, the Section 2 link should remain at the top of the page.

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus egestas sed sed risus pretium quam vulputate. Imperdiet proin fermentum leo vel orci porta non pulvinar. Commodo elit at imperdiet dui. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Purus gravida quis blandit turpis cursus in. Pharetra pharetra massa massa ultricies mi. Pretium lectus quam id leo. Cursus turpis massa tincidunt dui ut. Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum est. Et netus et malesuada fames. Nisl nisi scelerisque eu ultrices vitae auctor eu augue ut. Molestie a iaculis at erat pellentesque adipiscing. Leo vel fringilla est ullamcorper. Faucibus interdum posuere lorem ipsum. Sed arcu non odio euismod.

Massa enim nec dui nunc mattis enim ut tellus elementum. Diam maecenas sed enim ut sem viverra aliquet eget. Non sodales neque sodales ut etiam. Ultrices in iaculis nunc sed. A lacus vestibulum sed arcu. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Dictum varius duis at consectetur. Consectetur adipiscing elit pellentesque habitant. Est ante in nibh mauris cursus mattis molestie. Viverra mauris in aliquam sem fringilla. Suscipit tellus mauris a diam. Enim sit amet venenatis urna.

Et egestas quis ipsum suspendisse. Sodales ut eu sem integer vitae justo eget. Commodo quis imperdiet massa tincidunt. Lacus viverra vitae congue eu consequat ac felis. Non diam phasellus vestibulum lorem sed risus ultricies tristique. Id leo in vitae turpis massa sed. Risus ultricies tristique nulla aliquet. Sed sed risus pretium quam vulputate dignissim suspendisse in. Tortor id aliquet lectus proin nibh. Pharetra convallis posuere morbi leo urna molestie. Consectetur a erat nam at lectus urna duis convallis. Mattis pellentesque id nibh tortor id aliquet.

Section 2

Duis convallis convallis tellus id interdum velit. Porta lorem mollis aliquam ut porttitor leo. Potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed. Mi quis hendrerit dolor magna eget. Viverra ipsum nunc aliquet bibendum enim facilisis gravida. Lectus quam id leo in. Porta non pulvinar neque laoreet suspendisse. Sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis. Amet risus nullam eget felis eget nunc lobortis. Risus nec feugiat in fermentum posuere urna nec. Tristique magna sit amet purus. Vel fringilla est ullamcorper eget. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Massa sed elementum tempus egestas sed sed risus pretium. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Non blandit massa enim nec dui nunc mattis enim. Turpis egestas sed tempus urna. Lacus sed turpis tincidunt id aliquet risus feugiat in.

Section 3

Duis convallis convallis tellus id interdum velit. Porta lorem mollis aliquam ut porttitor leo. Potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed. Mi quis hendrerit dolor magna eget. Viverra ipsum nunc aliquet bibendum enim facilisis gravida. Lectus quam id leo in. Porta non pulvinar neque laoreet suspendisse. Sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis. Amet risus nullam eget felis eget nunc lobortis. Risus nec feugiat in fermentum posuere urna nec. Tristique magna sit amet purus. Vel fringilla est ullamcorper eget. Vivamus arcu felis bibendum ut tristique et egestas quis ipsum. Massa sed elementum tempus egestas sed sed risus pretium. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Non blandit massa enim nec dui nunc mattis enim. Turpis egestas sed tempus urna. Lacus sed turpis tincidunt id aliquet risus feugiat in.

Et egestas quis ipsum suspendisse. Sodales ut eu sem integer vitae justo eget. Commodo quis imperdiet massa tincidunt. Lacus viverra vitae congue eu consequat ac felis. Non diam phasellus vestibulum lorem sed risus ultricies tristique. Id leo in vitae turpis massa sed. Risus ultricies tristique nulla aliquet. Sed sed risus pretium quam vulputate dignissim suspendisse in. Tortor id aliquet lectus proin nibh. Pharetra convallis posuere morbi leo urna molestie. Consectetur a erat nam at lectus urna duis convallis. Mattis pellentesque id nibh tortor id aliquet.

Quam elementum pulvinar etiam non quam lacus suspendisse. Aenean sed adipiscing diam donec adipiscing tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Vivamus at augue eget arcu. Odio facilisis mauris sit amet massa vitae tortor. Quis varius quam quisque id diam vel quam. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Sollicitudin nibh sit amet commodo nulla facilisi. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Non tellus orci ac auctor augue mauris. Eget dolor morbi non arcu risus quis varius. Vitae aliquet nec ullamcorper sit amet risus. Neque ornare aenean euismod elementum nisi quis eleifend. Nisi lacus sed viverra tellus in hac habitasse platea dictumst. Ut ornare lectus sit amet est placerat in. Velit laoreet id donec ultrices tincidunt arcu non sodales neque. Amet porttitor eget dolor morbi non arcu risus quis. Libero volutpat sed cras ornare arcu dui.

💪 content from `config.bodyExtraContent`