从网址中删除href值

Question

<a href="#get1"><button type="button" class="btn btn-outline-info btn-sm">GET</button></a>

因此，我在多个页面上都有许多锚点。他们不会链接到另一个页面，只需将用户滚动到具有相同ID的部分即可。

单击后，它会在网址中添加“＃get1”，是否有删除/禁用此功能的信息？

Answer 1

是的，通过使用jQuery（或纯JS，但您有jQuery标签）劫持了它。在单击时，您可以防止发生实际事件（因此锚点永远不会像默认锚点一样工作，例如：不要更改位置），然后使用javascript进行任何滚动操作。

$('.example').on('click', function(e){
    e.preventDefault();
    const elem = this; // save it so we can use it in the animate

    $('html, body').animate({
        scrollTop: $( $(elem).attr('href') ).offset().top
     }, 2000);
});

在我的示例中，我假设您在href中具有“ #example”，并且具有匹配的ID。如果需要更复杂的选择，则应将attr('href')零件更改为例如data()属性