JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div id="child">
        Duis porta vitae purus eu eleifend. Ut nec auctor libero. Nunc dignissim diam nec molestie blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lobortis purus libero, eget feugiat leo vulputate ut. Donec a lacus ultricies, pellentesque purus eu, lobortis sem. Ut dapibus nec eros at gravida. Aenean rutrum elit viverra felis laoreet, a dignissim augue consectetur. Duis consequat enim a eleifend molestie. Aenean vel ipsum felis. Donec vitae libero vestibulum leo posuere mollis in ut leo. Morbi pretium ullamcorper rhoncus. Proin hendrerit urna in vehicula ultricies. Aenean eget accumsan dui. Aliquam non risus id augue pulvinar placerat.

Suspendisse vulputate libero at adipiscing posuere. Fusce pharetra tellus metus, sed interdum dui gravida eget. Etiam erat enim, mattis ac facilisis in, gravida vitae dolor. Curabitur molestie magna velit, in bibendum lorem adipiscing nec. Vestibulum tristique ultricies augue quis fermentum. Etiam porttitor placerat leo, non interdum ligula malesuada at. Aenean tellus odio, vestibulum non elit a, bibendum semper urna. Pellentesque vel ultrices nisl, vel imperdiet diam. Ut nec velit sit amet felis sollicitudin aliquam ut nec leo. Duis sit amet ligula dignissim, euismod nisl posuere, facilisis enim. Integer placerat congue vestibulum.
    </div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra ligula sapien, at iaculis nisl pulvinar quis. Proin eget velit elementum, pretium ante vitae, placerat orci. Ut pulvinar, justo vitae luctus viverra, nunc urna blandit purus, in pretium diam ante et nunc. Nullam convallis orci vitae eleifend tincidunt. Vivamus ullamcorper neque eu luctus bibendum. Sed ut tincidunt sem, at vulputate elit. Praesent tempus consequat eros eu laoreet.

Nullam ut tortor a leo dapibus commodo non id ante. Aliquam eleifend lorem velit, pulvinar volutpat risus ullamcorper vel. Aliquam...

CSS

html, body{height:100%; margin:0}
#parent{height:100%; overflow:auto; position:relative;}
#child{
    position:fixed;
    top:15px; left:15px;
    height:200px;
    width:400px;
    border:1px solid #000;
    overflow:auto;
    background:#F44;
    box-shadow:0 0 3px #000;
}

JavaScript

$('#child').on('scroll', function(){
    $('#parent').scrollTop($(this).scrollTop());
});