в общем он иногда прекращает крутить страницы и в этих случаях я вижу как появляется скрол страницы внутри тела текстовой информации.. И этот скрол заполненный и я не знаю почему он то появляется то нет

WebMachine,

let animate;
        document.addEventListener("mousewheel", function(event) {
            let delta = event.deltaY > 0;
            let sel = delta ? '[data-action="top"]' : '[data-action="bottom"]';
            let btn = document.querySelector(sel);
            if (!animate) {
                btn.click();
                animate = true;
                window.setTimeout(function() {
                    animate = false;
                }, 600)
            }
        })

http://demo.pr-demo.96.lt/cube/

Обновил скрипт но все равно если покрутить вниз а потом два раза вверх то снова тормозит

Это если нажать стрелкой мыши на текст.. Но если 1 раз нажать за пределы информации то норм крутит

Может мне запрет поставить на скрол в этих блоках через css ?

WebMachine,event.preventDefault(); добавьте может поможет.

let animate;
        document.addEventListener("mousewheel", function(event) {
            event.preventDefault();
            let delta = event.deltaY > 0;
            let sel = delta ? '[data-action="top"]' : '[data-action="bottom"]';
            let btn = document.querySelector(sel);
            if (!animate) {
                btn.click();
                animate = true;
                window.setTimeout(function() {
                    animate = false;
                }, 600)
            }
        })

Всё равно так же... Кстати попробовал 2 варианта с overflow:hidden и position: sticky; оба тоже не помогают

Я так понял проблема сейчас уже в том что появляется скролинг полоса справа и она тормозит адекватное пролистывание

В общем я в любом случае оч благодарен Рони) спасибо вы оч помогли и так. Надеюсь решить сам остальное с помощью css

WebMachine,
ок!