Ссылка якорь без замены url, как такое сделать?

Question

[Капитан Какао]

Всем привет, все мы знаем как делать простые ссылки якоря в html

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

Но в таком случае в адресной строке добавится это
/#top
Суть вопроса в том, можно ли как-то сделать ссылки якоря, без изменений в url ?

Answer 1

[Александр]

Page scroll to id использую для навигации по блокам лендинга

Answer 2

[Виталий Инчин ☢]

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

Comments

[Капитан Какао]

Не совсем то, мне нужно не к верху страницы, а премещатся по блокам лендинга)

[Виталий Инчин ☢]

Rad Cor: ну так и я про то же.

Answer 3

[Ярослав Самардак]

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

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

Comments

[Капитан Какао]

Не совсем то, мне нужно не к верху страницы, а премещатся по блокам лендинга)

[Ярослав Самардак]

Тогда нужно открывать ссылку с хеш тегом, скриптом его обрабатывать и убирать