Смена hash в url при скролле?

Question

[PeterPetrov]

Всем привет! Подскажите пожалуйста как реализовать смену hash в url при скролле до определенных блоков

Comments

[Elvis]

Всё чаще и чаще у меня державу... вчера только этот вопрос был. Либо ты его же и задавал, но, не удовлетворившись ответом, удалил и создал заново, либо одно из двух.

[Александр]

https://qna.habr.com/q/735517
Можете взять за основу.

[Сергей delphinpro]

Elvis, нельзя удалить вопрос с ответом.

Answer 1

[Roman]

window.addEventListener("scroll", (e) => {
  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  const elem = document.getElementById("target");
  if (elem?.offsetTop <= scrollTop) {
    document.location.hash = elem.id;
  } else {
    document.location.hash = '';
  }
}, false);

Answer 2

[PeterPetrov]

Вот что я попробовал, но после нескольких прокруток туда сюда вылазит это Throttling navigation to prevent the browser from hanging. See https://crbug.com/1038223. Command line switch --disable-ipc-flooding-protection can be used to bypass the protection

block.forEach((el) => {
        const pos = el.getBoundingClientRect();

        if (pos.top < window.innerHeight / 2 && pos.bottom > 0) {
          history.pushState(null, null, `#${el.id}`);
        } else {
           history.pushState(null, null, '');
        }
      });