Когда я загружаю страницу в первый раз, она не работает, пока я не обновлю ее ⇐ Html

[Anonymous]

У меня есть проблема, в моем коде я создал функцию горизонтальной прокрутки для Navbar, и когда я впервые открываю живой сервер, он не работает, пока не обновляю ее, я пытаюсь взломать функцию по домуковой загрузке и эветации нагрузки с окном, и из -за работы с Fetch Is Inside EventAnimationFrame formath class = "Snippet">

Код: Выделить всё

// function for all horizontal scrolling
function enableHorizontalScroll(listId) {

const list = document.querySelector(`#${listId}`);
let maxScroll = list.scrollWidth - list.offsetWidth;
let startX = 0;
let currentX = 0;
let finalOffset = 0;
let lastX = 0;

function startTouch(e) {
startX = e.touches[0].clientX + lastX;
}

function moveTouch(e) {
// prevent vertical scrolling
e.preventDefault();
currentX = e.touches[0].clientX;
finalOffset = startX - currentX;

if (finalOffset < 0) finalOffset = 0;
if (finalOffset > maxScroll) finalOffset = maxScroll;
list.style.transform = `translateX(-${finalOffset}px)`;
lastX = finalOffset;
}

list.addEventListener("touchstart", startTouch);
list.addEventListener("touchmove", moveTouch);
}
enableHorizontalScroll("product-selection-scroll");< /code>

[list]
[*]men's clothing
[*]women's clothing
[*]electronics
[*]jewelery
[/list]

Подробнее здесь: https://stackoverflow.com/questions/796 ... refresh-it