jQuery: disable autoscrolling to top when click on anchor


jqueryIf 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:

Advertisements

  • 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!




Share this with your friends:-

Leave a Reply