JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">
<div class="scroll">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus odio, dignissim in lacinia eu, tincidunt vitae ligula. Ut non nulla at nisi rutrum venenatis sit amet vitae massa. Fusce iaculis adipiscing libero. Fusce tempus ultricies eros, eget posuere tellus interdum non. Integer sit amet urna dui, at viverra leo. In lectus mauris, pellentesque nec cursus quis, accumsan eu mauris. Suspendisse in dolor nisi. In in libero tellus, quis malesuada ipsum. Proin mollis, massa sit amet posuere faucibus, erat dolor vulputate felis, a tristique magna dolor feugiat diam. Duis lobortis tempor nunc. Donec gravida facilisis dignissim. Sed eu eros mi. Suspendisse potenti. Fusce vehicula blandit diam eu interdum. Sed at augue quis tortor convallis fermentum. Quisque commodo nibh vitae ligula iaculis quis vulputate augue vulputate.</p>
<p>Ut id purus vitae urna aliquam ultrices laoreet ut dui. Integer sollicitudin arcu sit amet mi varius tincidunt. Proin et nibh libero, eget placerat justo. Praesent cursus, odio venenatis ultricies tristique, massa nulla tempus augue, sit amet aliquet ligula lorem et turpis. In felis arcu, tempor non tristique et, iaculis sed eros. In tincidunt nisl vitae dui rutrum facilisis. Ut sagittis tortor mauris, vel porta purus.</p>
<p>Sed ac libero odio. Aliquam ultricies ipsum nec nisl accumsan tempor. Donec id egestas turpis. Fusce non mi scelerisque tellus scelerisque tempus. Aliquam sagittis arcu condimentum justo egestas imperdiet. Donec facilisis pretium justo, sit amet aliquam quam scelerisque eu. Aliquam erat volutpat. Phasellus iaculis pellentesque odio, ut fermentum justo feugiat id. Quisque odio quam, suscipit interdum aliquet dictum, gravida id turpis. Pellentesque adipiscing mauris ac quam luctus vitae pulvinar nunc aliquet. Donec dignissim nulla et velit facilisis dignissim vitae sit amet libero. Suspendisse et neque vel tellus facilisis bibendum ac id mi. Nulla facilisi. Donec interdum ante eu...

CSS

#page {
    width: 100%;
    height: 2000px;
    background: #ccc;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

#page p {
    margin: 12px 0;
}

.scroll {
    margin: 0 auto;
    width: 90%;
    height: 250px;
    overflow: auto;
    background: #fff;
}

JavaScript

$('body').on('touchmove', function(e) {
    // this is the node the touchmove event fired on
    // in this example it would be the </p> element
    target = e.target;
    
    // we need to find the parent container
    // we get it like so; assumes div as parent
    parent = $(e.target).closest('div');
    
    // check if the parent is a scroll window by class //
    if ($(parent).hasClass('scroll')){
        // ignore as we want the scroll to happen
    } else {
        e.preventDefault();
    }
});