JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="box-fixed"><h1>You cannot use mousewheel to scroll while in this box</h1></div>
    <div class="box-long">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste nulla eligendi veritatis voluptatibus odit quisquam labore ratione possimus dolorem veniam optio molestias officia culpa alias amet vitae accusamus eaque eius! Accusantium molestiae accusamus culpa tempora suscipit nisi beatae illo iure cumque officia velit necessitatibus nulla dignissimos ex amet ullam sunt! Perspiciatis animi sapiente reprehenderit quam nemo aliquid vitae? Nobis at doloribus odit blanditiis accusantium beatae quod quam modi saepe necessitatibus minima impedit reprehenderit repellat sed eius. Reiciendis alias obcaecati architecto deleniti vero numquam aliquam nulla ut eligendi ad nisi quidem libero minus temporibus quaerat officia optio sed repellat. Sequi ullam omnis rem distinctio enim aspernatur qui aut libero dolorem facere nulla magnam non vero modi similique corporis cum provident. Autem at veniam dolor tenetur ab quaerat suscipit accusantium sequi iure nemo ipsa architecto perferendis. Distinctio nam odit beatae at officia in consectetur non ducimus eveniet ea sequi perspiciatis nihil provident consequatur omnis! Nemo vitae nostrum ab ea obcaecati dicta deleniti corporis sapiente dolor sunt perferendis autem quaerat quam asperiores ducimus eos distinctio quos quis vel veritatis facilis ullam earum quasi error exercitationem non ratione cumque officiis ut laborum provident consequuntur amet in nisi voluptate minima ipsa odio id vero accusantium quisquam debitis iste rerum tempora omnis repellendus. Labore atque reiciendis facere sapiente provident commodi ullam quia nisi cumque eligendi eveniet eos eum incidunt laboriosam rerum facilis sint! Mollitia autem libero tenetur labore nulla quia error hic vel aperiam eum incidunt in maxime totam accusantium nostrum quidem facilis molestias delectus nisi quis provident dolor ipsa at...

CSS

.wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
}
.box-fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 35%;
    border: 2px solid blue;
}
.box-long {
    float: right;
    width: 25%;
    border: 2px solid red;
}