linking by id html moves content too far up page code example

Example: css a tag id selector scrolls too far

h2::before { 
  display: block; 
  content: " "; 
  margin-top: -285px; 
  height: 285px; 
  visibility: hidden; 
  pointer-events: none;
}