How to avoid anchor links from jumping/scrolling

Asked Apr 12 '22 at 00:23

Active Apr 12 '22 at 00:23

Viewed 15 times

So I understand that anchors are intended for jumping/scrolling.. but I'm looking for a solution that would help prevent this.

Situation: I have a sidebar menu with tab functionality. They have assigned anchors, that can be linked to from external links/other pages.

However, when you're on the page - clicking a different menu item causes the page to scroll up/down 50-100px or so.. which is distracting and frustrating as a user.

Is there a way that the anchor functionality can remain when the page is linked to, but when navigating the sidebar menu, there aren't any jumps/scrolls?

asked Apr 12 '22 at 00:23

Christopher

do you mean smooth-scroll? https://www.w3schools.com/howto/howto_css_smooth_scroll.asp – Nitsan BenHanoch Apr 12 '22 at 00:33
or an foo ? this will make the anchor go nowhere – Nitsan BenHanoch Apr 12 '22 at 00:34
No sorry for the confusion. The scrolls/jumps work fine.. but I "don't want them to work" (unless it's on page load). When clicking the menu links, I don't want any scroll or jumps – Christopher Apr 12 '22 at 00:43

How to avoid anchor links from jumping/scrolling

0 Answers0