JSFiddle - React, Tailwind, and code Playground

HTML

<body style='font-size:18pt;'>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis. Dolorem perspiciatis modi ipsum.
</div>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis. Dolorem perspiciatis modi ipsum.
</div>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis. Dolorem perspiciatis modi ipsum.
</div>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis. Dolorem perspiciatis modi ipsum.
</div>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis. Dolorem perspiciatis modi ipsum.
</div>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis. Dolorem perspiciatis modi ipsum.
</div>

<div style='padding:15px;margin:15px;border:1px solid black;'>
  Modi aspernatur magni fugiat dolore sit sit aspernatur nam. Quia sapiente dolores et ipsum et voluptatem. Incidunt necessitatibus omnis architecto qui harum deleniti perspiciatis....

JavaScript

var startX = undefined;
    var startY = undefined;
    
    function touchmove(ev) {
    	var e = ev.originalEvent;
    
    	if (startX===undefined) { startX=e.touches[0].pageX; }
    	if (startY===undefined) { startY=e.touches[0].pageY; }
    	changeX = e.touches[0].pageX-startX;
    	changeY = e.touches[0].pageY-startY;
    
    	if (Math.abs(changeX)>Math.abs(changeY)) {
  
    		// Do something with the gesture
  			colour = 255-Math.min(Math.abs(changeX),255);
      	$("body").css("background",
        	"rgb("+colour+","+colour+","+colour+")");
    
    		ev.preventDefault();
    		ev.stopPropagation();
    		e.preventDefault();
    		e.stopPropagation();
    
    	}
    }
    
    $(document).on("touchmove",touchmove);