Mobile vertical scrolling broken when touching juxtapose element

[alucav]

See attached for our implementation. The problem with this is that, on mobile, Juxtapose takes over the vertical touch. That means that the user is unable to scroll up and down on the page and is effectively stuck.

This is unnecessary, since juxtapose really only requires X-axis data to function. Can someone help me make an adjustment to the JS such that if horizontal mode is selected, the Y axis is left alone so that the user can continue to scroll up and down on the page AND use the juxtapose element at the same time?

Any assistance would be welcomed here, will Venmo someone $50 if they help.

-B

[alucav]

wellll if anyone stumbles upon this and has a similar requirement, simply comment out e.preventDefault(); in the event listeners for touchstart and touchmove:

this.slider.addEventListener("touchstart", function(e) {
        e = e || window.event;
        //e.preventDefault();
        e.stopPropagation();
        self.updateSlider(e, true);

        this.addEventListener("touchmove", function(e) {
          e = e || window.event;
          //e.preventDefault();
          e.stopPropagation();
          self.updateSlider(event, false);
        });