Меню с якорной ссылкой javascript или jquery

Я нашел код jquery с привязкой в ​​ссылке.

jQuery (document) .ready (function () {
    jQuery ("a"). on ('click', function (event) {
        if (this.hash !== "") {
            event.preventDefault ();
            var hash = this.hash;
            jQuery ('html, body'). animate ({scrollTop: jQuery(hash).offset ().top}, 800, function () {
              window.location.hash = hash;
            });
        }
    });
});

Мое меню работает с якорями как с одной страницей, но у меня есть еще одна ссылка, которая ведет на дополнительную подстраницу, с которой после нажатия ссылки с якорем мне пришлось использовать косую черту /, чтобы вернуться на одну страницу с якорными ссылками. Я бы хотел, чтобы в адресной строке страницы вы не видели ссылку привязки только сам адрес главной страницы, а чтобы ссылка была направлена ​​на соответствующую часть страницы с привязкой.

Мое меню:

<ul id = "categories" class = "nav navbar-nav">
 <li><a href = "/#anchor1">Anchor 1</a></li>
 <li><a href = "/#anchor2">Anchor 2</a></li>
 <li><a href = "/#anchor3">Anchor 3</a></li>
 <li><a href = "new_page.html">New page</a></li>
</ul>

Адресная строка в браузере:

http://example.com/#anchor1

Я хотел бы, чтобы ссылка переместилась на сайт привязки после нажатия на меню привязки, но скрыла имя привязки в адресе:

http://example.com/

Прошу помощи, как это сделать?