jQuery: disable autoscrolling to top when click on anchor

If u r building website with jQuery, it’s common if the browser auto scroll to top when user click on anchor element. This happen to me many times and i always forget how to disable the auto scrolling. Thus this post is being created for my own reference and for other developer

To disable autoscrolling to top when user click on anchor element, follow the steps below:

• In the same page, copy and paste this script within your script tag

  $(document).ready(function() {
      $('body').on('click', '[href^=#]', function (e) { e.preventDefault() });
  });
  

• Now refresh you page and you may try to click on anchor element and the autoscrolling should be stop by now

Happy coding!