Как изолировать прокрутку в слайдере

У меня слайдер, fullpage внутри также есть другой слайде(посмотрите фото). прокрутка происходит по мышке, как сделать чтобы я прокручивал мышкой внутренний слайдер, сейчас у меня прокручивается только внешний слайдер

Пытался проверять через document.activeElement оказывается он только для инпутов

Вот код

addMouseSlide(){
    this.mousePosition = {};
    this.mousePosition.pos1 = 0;
    this.mousePosition.pos2 = 0;

    this.slider.addEventListener('mousedown', setMousePositionStart.bind(this) );
    this.slider.addEventListener('mouseup', setMousePositionEnd.bind(this) );
    this.slider.addEventListener('touchstart', setMousePositionStart.bind(this) );
    this.slider.addEventListener('touchend', setMousePositionEnd.bind(this) );

    let children = Array.from( this.slider.children ); // отменяем drag событие
    children.forEach( elem =>{
        elem.ondragstart = e => false
    })

    function setMousePositionStart(event){
        let e = event.clientX ? event : event.changedTouches[0];

        if ( this.timeline ) this.mousePosition.pos1 = e.clientY;
        else this.mousePosition.pos1 = e.clientX;
    }

    function setMousePositionEnd(event){
        let e = event.clientX ? event : event.changedTouches[0];

        if ( this.timeline ) this.mousePosition.pos2 = e.clientY;
        else this.mousePosition.pos2 = e.clientX;

        selectDirection.bind(this)(event);
    }

    function selectDirection(e){
        console.log(document.activeElement)
        if ( this.mousePosition.pos2 > this.mousePosition.pos1 ) this.prev();
        if ( this.mousePosition.pos1 > this.mousePosition.pos2 ) this.next();
    }


}