Всем привет! Получаю в консоль постоянное обновление с ошибкой. (Пример в коде). Возможно реально использовать его без бесконечного вызова requestAnimationFrame или есть еще какое-то более лаконичное и емкое решение с оптимизацией, подскажите? Спасибо!
const
body = document.body,
scrollWrap = document.getElementsByClassName("main")[0],
height = scrollWrap.getBoundingClientRect().height - 1,
speed = 0.1;
var offset = 0;
body.style.height = Math.floor(height) + "px";
function smoothScroll() {
offset += (window.pageYOffset - offset) * speed;
var scroll = "translateY(-" + offset + "px) translateZ(0)";
scrollWrap.style.transform = scroll;
callScroll = requestAnimationFrame(smoothScroll);
}
smoothScroll();
<body>
<div class="main" style="display: flex; flex-direction: column; width: 100vw; height: 200vh">
<span>Text</span>
<div style="width: 10vw; height: 20vh; background-color: #000000"></div>
<span>Text</span>
<span>Text</span>
<div style="width: 10vw; height: 20vh; background-color: #000000"></div>
<span>Text</span>
</div>
<body>