删除 URL 上的 #book 锚点答案

【问题标题】：Remove #book anchor on URL删除 URL 上的 #book 锚点
【发布时间】：2015-11-07 12:50:13
【问题描述】：

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

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

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

www.test.it/#book

我不想在我的网址上出现#book。

有可能吗？

还有可能从另一个页面隐藏吗？

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

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

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

【问题讨论】：

【解决方案1】：

你需要添加这个：

e.preventDefault();

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

到您的 jQuery 函数的末尾。然后您将不会在 URL 中看到 #something。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：