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:
Free image editor for Mac OS X / XP / Vista / Linux
Turn on MySQL query cache to speed up query performance?
jQuery: How to refresh select box
How to print screen in Asus Zenfone 6
WordPress Custom Taxonomy Pagination show 404 page not found error
Free Anti Virus for Mac OS X - ClamXav
WordPress: How to upload image using script?
How to backup MySQL Database in command line with compression
Share this with your friends:-