删除URL上的#book锚点

Question

我需要在我的网址上隐藏锚点。

<a href="#book">Book</a>

此锚点附加在jquery平滑滚动上，当我点击我的网址变为：

www.test.it/#book

我不想在我的网址上写#book。

可能吗？

可能隐藏在另一页上吗？

示例：www.test.it/#book to www.test.it

我在boostrap模态上看到了这个东西。

可以在我的网站上看到：http://www.alessandrapinto.it/

Answer 1

如果url中有＃，则默认情况下会更新URL。如果您不想在URL中添加＃，则需要使用jquery执行此操作。添加ID您的主播我将其作为id =“name”然后将类添加到您的div中，直到您要滚动页面为止我将其视为class =“name”

$("#name").click(function(e) {
e.preventDefault();
    $('html, body').animate({
        scrollTop: $(".name").offset().top
    }, 2000);
});

DEMO

Answer 2

您需要添加以下内容：

e.preventDefault();

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

到jQuery函数的结尾。 然后你就不会在URL中看到#something了。

例如，单击的锚点不会将浏览器带到新的URL。我们可以使用event.isDefaultPrevented（）来确定此方法是否已被此事件触发的事件处理程序调用。