Prevent scrolling of parent element ?
I have a little "floating tool box" - a div with `position:fixed; overflow:auto`.
Works just fine.
    
But when scrolling inside that box (with the mouse wheel) and reaching the bottom OR top, the parent element "takes over" the "scroll request" : The document behind the tool box scrolls.  
- Which is annoying and not what the user "asked for".

I'm using jQuery and thoght I could stop this behaviour with event.stoppropagation():  
`$("#toolBox").scroll( function(event){ event.stoppropagation() });`  

It does enter the function, but still, propagation happens anyway (the document scrolls)  
- It's surprisingly hard to search for this topic on SO (and Google), so I have to ask:  
How to prevent propagation / bubbling of the scroll-event ?
Prevent scrolling of parent element ?
===

I have a little "floating tool box" - a div with `position:fixed; overflow:auto`.
Works just fine.
    
But when scrolling inside that box (with the mouse wheel) and reaching the bottom OR top, the parent element "takes over" the "scroll request" : The document behind the tool box scrolls.  
- Which is annoying and not what the user "asked for".

I'm using jQuery and thoght I could stop this behaviour with event.stoppropagation():  
`$("#toolBox").scroll( function(event){ event.stoppropagation() });`  

It does enter the function, but still, propagation happens anyway (the document scrolls)  
- It's surprisingly hard to search for this topic on SO (and Google), so I have to ask:  
How to prevent propagation / bubbling of the scroll-event ?