javascript - 从 URL 中删除 anchor 标记

Question

由于页面很长，我使用了一堆用于移动浏览的 anchor 标记，但是当单击 anchor 标记时，它会将其添加到 url。这是一个小模拟，

<a href="#anchor">page down</a>

<span id="anchor"></span>

如何保留 anchor 功能并防止将#anchor 添加到 url？

干杯

Answer 1

你可以使用 scrollTop达到同样的效果:

$('.js-hook--page-down').click(function (e) {
    e.preventDefault();

    $('html, body').animate({
        scrollTop: $("#anchor").offset().top - 200
    }, 1500);
});

和 HTML:

<a class="js-hook--page-down">page down</a>

<span id="anchor"></span>

虽然每个页面 anchor 都需要一个新的 js 钩子(Hook)。