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

by

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;
}

DEMO

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.

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. jQuery .animate function not responding properly
  4. How to force browser to show image 3 inches wide?
  5. Reloading a single div in an html page [closed]
  6. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  7. How could I make a calendar? [closed]
  8. How can this page scroll (it doesn’t work properly)?
  9. fixing slider on my website [closed]
  10. Can I use HTML tags in the options for select elements? [duplicate]
  11. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  12. make html text input field grow as I type?
  13. focus doesn’t work in IE
  14. Scale a div to fit in window but preserve aspect ratio
  15. Creating a select box with a search option
  16. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  17. Fill available spaces between labels with dots or hyphens
  18. jQuery in Chrome returns “block” instead of “inline”
  19. How to resize Twitter Bootstrap modal dynamically based on the content
  20. Uncaught TypeError: Cannot read property ‘top’ of undefined
  21. Detect browser wrapped lines via javascript
  22. Print repeating Page headers in Chrome [closed]
  23. Retain scrollbar position even after reloading using javascript
  24. How can I dynamically highlight strings on a web page?
  25. jQuery Popup Bubble/Tooltip [closed]
  26. How do I make a div full screen?
  27. Wrapping lists into columns
  28. How to customize the position of an alert box
  29. Showing Placeholder text for password field in IE
  30. Possible to reverse a css animation on class removal?

Leave a Comment