Difference between scroll-margin and scroll-padding
Building on top of the sticky header I asked about a few days ago, I was wondering what the difference is between
I watched this video from Kevin, where he adds
The comments on this StackOverflow answer suggest adding
In this CodePen, https://codepen.io/mandy-h/pen/BaemOab, I've found that
scroll-margin-topscroll-padding-topI watched this video from Kevin, where he adds
scroll-padding-tophtmlThe comments on this StackOverflow answer suggest adding
scroll-margin-top:targetIn this CodePen, https://codepen.io/mandy-h/pen/BaemOab, I've found that
scroll-padding-tophtml:targetscroll-margin-top:targethtml<p><div>YouTubeKevin Powell
When we have a fixed navigation with anchor links that go to different locations within the page, that navigation can cover content when it scrolls to that location on the page. Luckily, it's easy to fix with some scroll-padding!
Links
The CodePen: https://codepen.io/kevinpowell/pen/GRQyZMX
More position sticky stuff: https://youtu.be/8T...
Links The CodePen: https://codepen.io/kevinpowell/pen/GRQyZMX More position sticky stuff: https://youtu.be/8T...Stack Overflow
If I have a non-scrolling header in an HTML page, fixed to the top, having a defined height:
Is there a way to use the URL anchor (the #fragment part) to have the browser scroll to a certain point ...
Is there a way to use the URL anchor (the #fragment part) to have the browser scroll to a certain point ...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time š.
36,263Members
Resources
Was this page helpful?
