删除 URL 上的 #book 锚点

Question

我需要在 url 上隐藏锚点。

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

这个锚点附加在 jquery 平滑滚动条上，当我点击我的 url 时变成：

www.test.it/#book

我不想在我的 url 上使用#book。

可以吗？

是否可以从另一个页面隐藏？

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

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

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

Answer 1

您需要添加：

e.preventDefault();

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

您的 jQuery 功能结束。然后你将不会在 URL.

中看到#something

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

Answer 2

如果 url 中有#，它会默认更新 URL。如果您不想在 URL 中添加 #，则需要使用 jquery 执行此操作。添加 Id 你的锚点我将其作为 id="name" 然后将 class 添加到你的 div 直到你想要滚动页面的位置我将其视为 class="name"

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

Remove #book anchor on URL