Anchor link without url replacement, how to do this?

Question

css

Hello everyone, we all know how to make simple anchor links in html

<div id="top"></div>
<a href="#top">на верх</a>

But in this case, this will be added to the address bar
/#top
. The essence of the question is, is it possible to somehow make anchor links without changing the url ?

Answer 1

Page scroll to id is used to navigate through landing blocks

Answer 2

Element.onclick = function(e){
   e.preventDefault();
   document.querySelector(this.hash).scrollIntoView();
}

Answer 3

$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = $(this.hash);
    $('html, body').stop().animate({
        'scrollTop': target.offset().top
    }, 500);
});