Good afternoon, dear experts!) If you go here and scroll the page to the full height, you will notice that the elements of the navigation menu are replaced by elements from the page. Can someone explain how to do this?

PS if I understood everything correctly, React.js is used there. Can you do without it?

1 answer 1

This, apparently, an attempt to beat the new css property position: sticky

position:sticky; position:-webkit-sticky;

But here they write that Chrome now does not support this type of position. Apparently with Javascript they add position: fixed to the menu buttons and the .position-sticky block with a specific scroll