Techie Corner

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!

Tags: jquery disable auto scrolling, jquery disable autoscrolling