How can I prevent a click on a ‘#’ link from jumping to top of page?

So this is old but… just in case someone finds this in a search.

Just use "#/" instead of "#" and the page won’t jump.

Related Contents:

  1. jQuery/JavaScript to replace broken images
  2. Stop form refreshing page on submit
  3. How to apply !important using .css()?
  4. How to decode HTML entities using jQuery?
  5. How can I change an element’s text without changing its child elements?
  6. How can I select an element by name with jQuery?
  7. Trigger event when user scroll to specific element – with jQuery
  8. Share data between HTML pages
  9. JSFiddle code not working in my own page
  10. How to include multiple js files using jQuery $.getScript() method
  11. How to style “input file” with CSS3 / Javascript? [duplicate]
  12. How to clear the contents of an iFrame from another iFrame
  13. How to pass parameters on onChange of html select
  14. How to disable scroll without hiding it?
  15. Set custom HTML5 required field validation message
  16. Programmatically trigger “select file” dialog box
  17. Adding additional data to select options using jQuery
  18. jQuery: Why use document.ready if external JS at bottom of page?
  19. Use images like checkboxes
  20. How to get JQuery.trigger(‘click’); to initiate a mouse click
  21. Getting Bootstrap’s modal content from another page
  22. Setting href attribute at runtime
  23. Trigger standard HTML5 validation (form) without using submit button?
  24. How to get html elements from an object tag?
  25. How to handle in textarea?
  26. How to prevent page from reloading after form submit – JQuery
  27. document.getElementsByClassName().innerHTML always returns “undefined”
  28. How to change only text node in element [duplicate]
  29. Change form values after submit button pressed
  30. :touch CSS pseudo-class or something similar?
  31. Can javascript access iframe elements from the parent page?
  32. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  33. Trigger standard HTML validation (form) without using submit button? [duplicate]
  34. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  35. Uncaught TypeError: Cannot read property ‘top’ of undefined
  36. How can I make a button redirect my page to another page? [duplicate]
  37. jQuery Change event on an element – any way to retain previous value?
  38. Trying to load local JSON file to show data in a html page using JQuery
  39. jQuery animated number counter from zero to value
  40. How do I abort image load requests without using window.stop()
  41. Fill available spaces between labels with dots or hyphens
  42. Saving and loading an image from localStorage
  43. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  44. How to prevent html/JavaScript code modification
  45. The data-toggle attributes in Twitter Bootstrap
  46. Get value from text area [duplicate]
  47. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  48. Validate Dynamically Added Input fields
  49. Web browser: Hide mouse cursor [duplicate]
  50. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment