Question

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

所以我在多个页面上有很多这样的锚点。他们没有链接到另一个页面只是将用户滚动到具有相同ID的部分。

点击后会添加＆＃39;＃get1＆＃39;到网址，无论如何要删除/禁用此功能？

Answer 1

是的，通过使用jQuery（或简单的JS，但你有一个jQuery标签）来劫持它。在单击时，您可以阻止实际事件（因此锚永远不会像默认锚一样工作，例如：不要更改位置），然后执行任何scroll actions with 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()属性

从url中删除href值

1 个答案: