css - Is there a way to apply :target pseudo-class to aim a certain number of pixels away from a given element?

Question

I'd like to aim navigation links at various points on a single page, and have them land visible below a sticky navigation bar at the top. I can do something like this:

    :target {
      margin-top: 300px;
    }

But if the user scrolls back up from the target position, there is an empty gap between the target element and the previous element. I'd like to avoid that, but I'm having trouble determining how. Any help would be appreciated.

question from:https://stackoverflow.com/questions/65910999/is-there-a-way-to-apply-target-pseudo-class-to-aim-a-certain-number-of-pixels-a

Answer 1

Waitting for answers