A way to scroll an underlying div when mouse is on top of a fixed div?

What you are looking for is pointer-events: none;

This makes the pointer not interact with that div essentially, so just do

#fixed {
  pointer-events: none;


And you will get your desired outcome with no JS required.
This will stop all other interaction with the div though, if you need to interact with it for some reason I’m afraid you’ll have to look into a JS solution.

Leave a Comment