Scroll Event Challenge

So here's the thing. I want the best of both worlds. I want the hit areas for going forward or back to be nice and big. In this example, they are 100pt wide and stretch vertically to cover the entire text area. Go ahead and hover over them (if you're not on a mobile device) and see. But I also want the text to scroll if my cursor happens to be over those big hit areas.

One thought I had was to add an event listener on the nav buttons that would pass the WheelEvent to the text content area. Or to just update the scrollTop of the text content area in the nav button's event listener. Neither work well.

Got any bright ideas to make this work? If so I'd love to see a pull request. You can find the GitHub repo at https://github.com/erikphansen/scroll-event-challenge

Molestias eaque, laboriosam cumque debitis iusto eligendi perferendis. Sed ipsum recusandae eum! Fugit quae consectetur maxime rerum possimus. Quae praesentium magni saepe eligendi iure nihil ullam laudantium perferendis porro aliquam corporis dolores eveniet, officia deleniti voluptatibus id eum repellat sapiente minima ad atque mollitia facilis quos! Quo quisquam autem itaque iusto officiis vel quam maiores a, reprehenderit veniam, minima fugiat dolorum debitis unde nisi? Aspernatur atque tempore at ad, dicta commodi quod delectus, odit nesciunt autem doloribus eos reprehenderit quo. Quasi, sapiente rerum minus vel voluptatum praesentium odio, saepe vero iste dolor reiciendis?

Fugit quae consectetur maxime rerum possimus. Quae praesentium magni saepe eligendi iure nihil ullam laudantium perferendis porro aliquam corporis dolores eveniet, officia deleniti voluptatibus id eum repellat sapiente minima ad atque mollitia facilis quos! Quo quisquam autem itaque iusto officiis vel quam maiores a, reprehenderit veniam, minima fugiat dolorum debitis unde nisi? Aspernatur atque tempore at ad, dicta commodi quod delectus, odit nesciunt autem doloribus eos reprehenderit quo.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic quo dolor velit vitae praesentium inventore quia sunt nisi sed libero laboriosam tempore blanditiis odio debitis doloribus ratione, eveniet amet officiis illo? Ipsa maxime cupiditate unde, delectus, repellendus distinctio, nulla cumque in magni voluptates ducimus! Non, placeat? Veritatis quisquam error accusantium sint laborum? Maxime rem eum mollitia quidem alias itaque sed officia dolorum est sit laboriosam nobis amet consequatur reiciendis excepturi numquam cumque nemo ea, repellendus nesciunt impedit nisi atque distinctio quam. Exercitationem ut ex vel aliquid consectetur, dolore, numquam voluptatibus omnis voluptatum illo sequi sint sapiente magni quo perferendis eum, velit laboriosam laborum. Ducimus obcaecati maiores tempora! Molestias eaque, laboriosam cumque debitis iusto eligendi perferendis. Sed ipsum recusandae eum! Fugit quae consectetur maxime rerum possimus. Quae praesentium magni saepe eligendi iure nihil ullam laudantium perferendis porro aliquam corporis dolores eveniet, officia deleniti voluptatibus id eum repellat sapiente minima ad atque mollitia facilis quos! Quo quisquam autem itaque iusto officiis vel quam maiores a, reprehenderit veniam, minima fugiat dolorum debitis unde nisi? Aspernatur atque tempore at ad, dicta commodi quod delectus, odit nesciunt autem doloribus eos reprehenderit quo. Quasi, sapiente rerum minus vel voluptatum praesentium odio, saepe vero iste dolor reiciendis?