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:
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!
Related posts:
How to delete table row using jQuery
WordPress: How to create left sidebar template in TwentyEleven theme?
Symfony Filter: Change ForeignKey drop down to Text field
How to hide apache2 version number in error page
How to add native menu support in your WordPress theme?
WordPress Custom Taxonomy Pagination show 404 page not found error
jQuery: How to refresh select box
Linux - How to check memory usage
Share this with your friends:-