How do I disable window scroll in jQuery

Question

I've downloaded a wonderful template and I made some changes to it.

The problem is when I click on some links it automatically scrolls up.

How can I prevent it from scrolling up?

possible duplicate of How to programmatically disable page scrolling with jQuery — GeekRiky
– GeekRiky, Commented Mar 12, 2015 at 7:14
@RiccardoDegan that post does not cover anything about scroll on click. — Salketer
– Salketer, Commented Mar 12, 2015 at 7:21

Salketer · Accepted Answer · 2015-03-12 07:23:23Z

1

The only reason why a page would scroll up on a click of a link is because of the anchors... Please check your links' href, and make sure they do not contain a # . Usually, downloadable templates use placeholder links and put just the # inside the href so it acts like a link but points to the top of the page.

answered Mar 12, 2015 at 7:23

Salketer

15.8k2 gold badges32 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

mplungjan Over a year ago

It is a correct investigation but incomplete answer. The full answer is given by Roko

Salketer Over a year ago

@mplungjan IMO, preventing the defaults on a click of a #'d anchor is a band aid solution. Removing the # is the only real solution...

mplungjan Over a year ago

I am not a purist. The "#" has been used by millions to denote a placeholder for links that execute script so it does not give error when clicked and to get a pointer for free. I am by the way not convinced that removing the # will make a difference since the link will then likely load "/" instead but I have not tested that

Roko C. Buljan · Accepted Answer · 2015-03-12 07:26:28Z

1

You can event.preventDefault on every anchor that has hash # as href:

// Remove after testing
$("[href='#']").click(function( e ){
   e.preventDefault();
});

answered Mar 12, 2015 at 7:26

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Collectives™ on Stack Overflow

How do I disable window scroll in jQuery

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related