Stop browser from jumping to an id element in jQuery

Question

I don't want the browser to jump to an given id in :

<a href="documentation-creating-model.php#learningDiagnosis">Learning diagnosis</a>

Few links direct to another page so i need the anchor tag. But in the same page i have written a code to scroll to a proper location.

I have tried:

e.preventDefault();
return false;
e.preventPropogation();

none of the above works.

Basically when on same page i want to override the default scrolling. I have written scrollTop but it doesn't work since the default scrolling take place

@whoami it is located in a menu. so when that link redirects to a div in the same page, i want to apply my function but if it is in some other html page i want to use it — Divya Barsode, Jul 25 '17 at 07:16
Possible duplicate of [How to disable anchor "jump" when loading a page?](https://stackoverflow.com/questions/3659072/how-to-disable-anchor-jump-when-loading-a-page) — jarodsmk, Jul 25 '17 at 07:18

Govind Samrow · Answer 1 · 2017-07-25T12:20:10.593

0

Try to find out # in attr of a tag:

$("a").on("click", function(e) {
    var hasUrl = $(this).attr('href').split('#')[0];
    alert(hasUrl == "")
    if(hasUrl == "") {
      return false;
    } else {
      alert('redirect');
    }
})

Here is updated fiddle

edited Jul 25 '17 at 12:20

answered Jul 25 '17 at 09:32

Govind Samrow

9,981
13
53
90

Well anchor tags referring to other pages will also have a hash tag – Divya Barsode Jul 25 '17 at 11:52
Then you need to added proper html in a fiddle of ques body for better answers – Govind Samrow Jul 25 '17 at 11:54
I've edit the answer and hope this will be works for you – Govind Samrow Jul 25 '17 at 12:20
id like to add a detail. format always will be href="docname.htm#id" even if on same page. ima handeling it in on click. "return false " isn't working for me – Divya Barsode Jul 25 '17 at 13:02
return false and e.preventDefault() isn't working that is the main problem – Divya Barsode Jul 25 '17 at 13:03

Stop browser from jumping to an id element in jQuery

1 Answers1