how to link a div using <a href> to appear in the middle of the screen instead of top?

Question

this is to go back to home page that has a listview of posts and to keep the screen at where the post is located after clicking go back button in the post details page.

<a href="/users/home#post{{ post.id }}"><button class="button" style="float: right; margin-right: 5px;">Go back</button><br></a>

However, since there is a sticky nav bar at the top, it covers the post after clicking go back button. I want to make the post appear in the middle of the screen instead of at the top.