0

При обновлении страницы якорь остается в URL пути. Что с этим делать?

1
  • 1
    Пусть остаётся, так и должно быть, зачем с этим что-то делать?
    – andreymal
    12 дек 2021 в 17:56

2 ответа 2

0

Если вам нужно, чтобы после якорь сделал свое дело один раз, когда вы использовали якорную ссылку, а после его не стало, то можете просто удалить якорь из ссылки:

if(location.hash) history.replaceState({}, document.title, location.href.split('#')[0]);

После этого ссылка в адресной строке сменится на ссылку без якоря и последующее обновление странице не "стриггерит" якорь

0

За событие смены якоря отвечает событие hashchange у window. Методом замены состояния можно выключить якорь из URL:

history.replaceState(null,"", e.oldURL);

onhashchange = e => {
  history.replaceState(null,"", e.oldURL);
}
div { height: 500vh; }
<a id="contents"><h2>Contents</h2></a>
<a href="#test1">#test1</a><br/>
<a href="#test2">#test2</a>
<div></div>
<a id="test1"><h2>Test1</h2></a>
<a href="#contents">#contents</a><br/>
<a href="#test2">#test2</a>
<div></div>
<a id="test2"><h2>Test2</h2></a>
<a href="#contents">#contents</a><br/>
<a href="#test1">#test1</a>
<div></div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.