How to make a specific div scrollable with mouse wheel when hovered instead of scrolling entire page?

I want to scroll inside a div when I hover it instead of scrolling the whole page (with mouse wheel)

I dont know if its doable with only CSS or if it needs javascript or jquery

Thanks!

(also ive looked at all the other similar questions but no luck)