How to 'href' to the element even to the top margin of each div?
The following is html code I have written to store some of my favorite gradients and I wanted to link anchor to 'id="grad1"' and 'id="grad2"' even including the margin at the top.
I thought the ':target:before' would work to provide the margin when those 'id's were targeted but that does not work for me somehow.
When I link to the below html, it only links to the top of the content, not to the top of the margin of each div.
we should add scroll-margin-top to each of your grads that is equal to the margin you apply.
Example:
#grad1 {
margin-top: 200px;
scroll-margin-top: 200px;
}
This way, anchors will scroll to the offset specified by the scroll-margin-top instead of the element border.
Comments
Post a Comment