How to hide anchor tag from URL using jQuery

By 21st March 2016 September 4th, 2018 How to, Tutourial & Tips

A useful script that will prevent the anchor tag showing on the URL when jumping to anchor points.

$(function () {
    $('a[href*="#"]:not([href="#"])').click(function () {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html, body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });
});