Top margin of the first section ignored when scroll to top about moveto HOT 7 CLOSED

Hi @Gillesvk

Can you show me an example on CodePen ?

from moveto.

Here is a link to a very simple example : codepen
As you will see, the top margin of the first section is ignored.

from moveto.

This is not a bug, it's a normal css behavior. The first section's margin is collapsing. You can check this link for more information.

from moveto.

Actually, it's not a margin collapsing issue because I apply only top margin on the child elements of the body, so there is no adjacent margin interference. In the codepen, I changed the background color of the body to pink and, as expected, the body contains the top margin of the first section.

Maybe, it's something to do with the choice between :

• window.scrollY,
• window.pageYOffset,
• document.body.scrollTop,
• document.documentElement.scrollTop

See this link

from moveto.

Check this codepen;

I added

display: flex;
flex-direction: column

to the body to prevent margin collapsing. As I said before, It seems like this is margin collapsing. Also you can see it clearly with inspect in the browser,

from moveto.

OK, thanks. Your plugin is awesome. So light.

from moveto.

You're welcome @Gillesvk , have a nice day 😉

from moveto.