Почему данный код нормально работает в песочнице кода, но не работает на хостинге?

Есть такой скрипт плавного перехода по якорям.

const anchors = document.querySelectorAll('a[href*="#"]')

for (let anchor of anchors) {
anchor.addEventListener('click', function (e) {
e.preventDefault();

const blockID = anchor.getAttribute('href').substr(1);

document.getElementById(blockID).scrollIntoView({
  behavior: 'smooth',
  block: 'start'
})
})
}

Подключил его в песочнице кода к моему html файлу — все работает. Выгрузил в отдельный файл header.js и подключил к index.html на github pages переход по якорям стал стандартный, не плавный. Почему так произошло?