Scrolling horizontally and vertically with a containing scrollbar

[khobil]

I have spent so much time looking for an appropriate plugin for this website that I've made for my organization that reaches college students. My inspiration for the particular design is an "app-like" feel so a student can visit the website and have an app experience. Here's the website that I'm working on, so you can get a gist of how it's working right now and maybe it will be helpful to the fixing process http://armstrongbcm.org/beta/index.php. I'm asking this that there may be an answer out of kindness. I am currently using Rocha La's jQuery slimscroll plugin (http://rocha.la/jQuery-slimScroll). Another developer actually helped to extend this code to work horizontally. (https://github.com/9livesdevelopment/jQuery-slimScroll) However, after using the horizontally modified code I still wasn't able to have inside div elements that only scrolled when the mouse was over it and neither did the div element align correctly when I had it referenced correctly in my javascript.So what I am asking for is:[*]A vertical scrollbar that is contained inside of a horizontal scrollbar[*]The horizontal scrollbar scrolls with the mousewheel's deltaY[*]The horizontal scrollbar doesn't scroll when the mouse is over a vertical scrollbarAny solution is helpful. I'm not dead-set on slimScroll as a plugin if there is something else available, even a simple fix where the scrollbar isn't custom is fine. But slimScroll is there for modification since the plugin already exists. I would appreciate so much a solution to this problem.