Let's say I have two divs on a page like this:
<div style="width:300px;height:100px;overflow:hidden">
<div style="width:3000px;height:100px">
some content
</div>
</div>
and let's assume that the outer div is positioned somewhere in the middle of the page.
Is there a possibility to "map" the global document scrollbar to that div so it's possible to use the mouse's / trackpad's horizontal scrolling feature to move that inner div to left and right?
I hope it's clear what I am trying to do...