0

I have a link on page <a href="#"... which linked with jquery function. After link was clicked the page scrolled to the top and this seems unnecessary behavior. Is there a way to prevent scrolling?

thinker
  • 402
  • 1
  • 6
  • 15
  • Yes. Use `event.preventDefault();` – Ionut Necula Jan 04 '17 at 14:15
  • Possible duplicate of [How do I stop a web page from scrolling to the top when a link is clicked that triggers JavaScript?](http://stackoverflow.com/questions/1601933/how-do-i-stop-a-web-page-from-scrolling-to-the-top-when-a-link-is-clicked-that-t) – Quangdao Nguyen Jan 04 '17 at 14:17

3 Answers3

1

You can prevent following of # by selecting them and using event.preventDefault():

$(function () {
  $('a[href="#"]').click(function (e) {
    e.preventDefault();
  });
})
Praveen Kumar Purushothaman
  • 164,888
  • 24
  • 203
  • 252
0

On click of your button you can prevent the default action using preventDefault():

 $('a[href="#"]').on('click', function(event) {
   event.preventDefault();
   console.log('default action prevented');
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href='#'>Button</a>
Ionut Necula
  • 11,107
  • 4
  • 45
  • 69
0

you can use this : (prevent click)

<a href="javascript(0)" >...</a>
Komeil Tl
  • 24
  • 7